Playlist Duration

Playlist · Elzero Web School

Design Using Bootstrap 3 Design 1

by Elzero Web School · 52 videos

Total watch time

13h 25m

at 1× speed · exactly 13 hours, 25 minutes, 16 seconds at 1×

At an hour a day you'd finish in 14 days

The shape of the course

52 videos in blocks of 10 · each column is a block's total, to scale

2h 2m
2h 36m
2h 26m
2h 54m
2h 26m
1h

WatchedTo watch

Compare Open on YouTube JSON

Next time, skip the copying: change youtube.com to playlistduration.com in any playlist, video or channel address and it opens here. Or see the total on YouTube itself, with our extension for Chrome, Firefox or Edge.

Your plan

Plan to finish

About 14 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

Days

At one hour a day, every day, this playlist takes about 14 days. Turn on JavaScript to plan around your week.

Videos (52)

13h 25m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser. Titles open on YouTube in a new tab.

Videos to
Watched
1 [ Twitter Bootstrap 3 In Arabic ] #01 - Introduction 6:30 2014-07-04
2 [ Twitter Bootstrap 3 In Arabic ] #02 - Include It 14:29 2014-07-04
3 [ Twitter Bootstrap 3 In Arabic ] #03 - Start Coding 11:28 2014-07-04
4 [ Twitter Bootstrap 3 In Arabic ] #04 - Grid System Intro Part 1 18:16 2014-07-07
5 [ Twitter Bootstrap 3 In Arabic ] #05 - Grid System Intro Part 2 11:39 2014-07-08
6 [ Twitter Bootstrap 3 In Arabic ] #06 - Grid System Hidden / Visible 12:21 2014-07-08
7 [ Twitter Bootstrap 3 In Arabic ] #07 - Grid System Column Reset 9:02 2014-07-08
8 [ Twitter Bootstrap 3 In Arabic ] #08 - Grid System Column Offset 14:28 2014-07-09
9 [ Twitter Bootstrap 3 In Arabic ] #09 - Grid System Column Ordering 14:09 2014-07-10
10 [ Twitter Bootstrap 3 In Arabic ] #10 - Grid System Column Nesting 9:41 2014-07-10
11 [ Twitter Bootstrap 3 In Arabic ] #11 - Navbar Part 1 27:21 2014-07-11
12 [ Twitter Bootstrap 3 In Arabic ] #12 - Navbar Part 2 17:50 2014-07-11
13 [ Twitter Bootstrap 3 In Arabic ] #13 - Carousel Part 1 9:38 2014-07-11
14 [ Twitter Bootstrap 3 In Arabic ] #14 - Carousel Part 2 17:17 2014-07-11
15 [ Twitter Bootstrap 3 In Arabic ] #15 - Section About 14:25 2014-07-15
16 [ Twitter Bootstrap 3 In Arabic ] #16 - Section Features 16:38 2014-07-15
17 [ Twitter Bootstrap 3 In Arabic ] #17 - Carousel Other Uses Testimonials Part 1 15:33 2014-07-17
18 [ Twitter Bootstrap 3 In Arabic ] #18 - Carousel Other Uses Testimonials Part 2 8:36 2014-07-17
19 [ Twitter Bootstrap 3 In Arabic ] #19 - Carousel Other Uses Testimonials Part 3 13:54 2014-07-17
20 [ Twitter Bootstrap 3 In Arabic ] #20 - Section Table Price Part 1 15:15 2014-07-23
21 [ Twitter Bootstrap 3 In Arabic ] #21 - Section Price Table Part 2 12:09 2014-07-23
22 [ Twitter Bootstrap 3 In Arabic ] #22 - Section Our Team Part 1 15:42 2014-08-05
23 [ Twitter Bootstrap 3 In Arabic ] #23 - Section Our Team Part 2 9:30 2014-08-05
24 [ Twitter Bootstrap 3 In Arabic ] #24 - Adding Font Awesome 12:10 2014-08-05
25 [ Twitter Bootstrap 3 In Arabic ] #25 - Section Subscribe 11:28 2014-08-07
26 [ Twitter Bootstrap 3 In Arabic ] #26 - Section Statistics 23:51 2014-08-08
27 [ Twitter Bootstrap 3 In Arabic ] #27 - Retouch 1 Section Backgrounds 3:43 2014-08-20
28 [ Twitter Bootstrap 3 In Arabic ] #28 - Section Our Skills 24:41 2014-08-21
29 [ Twitter Bootstrap 3 In Arabic ] #29 - Section Contact Us 20:53 2014-08-21
30 [ Twitter Bootstrap 3 In Arabic ] #30 - Section Our Clients 12:10 2014-08-30
31 [ Twitter Bootstrap 3 In Arabic ] #31 - Section Ultimate Footer Part 1 16:52 2014-09-09
32 [ Twitter Bootstrap 3 In Arabic ] #32 - Section Ultimate Footer Part 2 16:29 2014-09-09
33 [ Twitter Bootstrap 3 In Arabic ] #33 - Using Google Fonts 6:35 2014-09-09
34 [ Twitter Bootstrap 3 In Arabic ] #34 - Media Query 30:50 2014-09-09
35 [ Twitter Bootstrap 3 In Arabic ] #35 - Retouch 2 Media Query Fixes 9:41 2014-09-09
36 [ Twitter Bootstrap 3 In Arabic ] #36 - Section Option Box 16:52 2014-09-13
37 [ Twitter Bootstrap 3 In Arabic ] #37 - Make Style For Every Colour 24:20 2014-09-13
38 [ Twitter Bootstrap 3 In Arabic ] #38 - Change Colour From Option Box 15:29 2014-09-13
39 [ Twitter Bootstrap 3 In Arabic ] #39 - Create The Loading Screen 20:13 2014-09-13
40 [ Twitter Bootstrap 3 In Arabic ] #40 - Create Scroll To Top Button 16:55 2014-10-25
41 [ Twitter Bootstrap 3 In Arabic ] #41 - Retouch 3 Carousel Image Fix 5:24 2014-11-07
42 [ Twitter Bootstrap 3 In Arabic ] #42 - Retouch 4 Clean Css File 22:03 2014-11-07
43 [ Twitter Bootstrap 3 In Arabic ] #43 - Retouch 5 Clean Js File 10:40 2014-11-07
44 [ Twitter Bootstrap 3 In Arabic ] #44 - Using Hover Css 9:50 2014-11-07
45 [ Twitter Bootstrap 3 In Arabic ] #45 - Improve Speed And Performance 24:06 2014-11-08
46 [ Twitter Bootstrap 3 In Arabic ] #46 - Validate Your Html File 9:49 2014-11-08
47 [ Twitter Bootstrap 3 In Arabic ] #47 - Using WOW Js 32:58 2014-11-08
48 [ Twitter Bootstrap 3 In Arabic ] #48 - Using Nice Scroll 5:22 2014-11-08
49 [ Twitter Bootstrap 3 In Arabic ] #49 - Make Bootstrap RTL 12:38 2014-11-08
50 [ Twitter Bootstrap 3 In Arabic ] #50 - Deal With Links And Pages 13:22 2015-01-14
51 [ Twitter Bootstrap 3 In Arabic ] #51 - Create About Us Page 31:18 2015-01-14
52 [ Twitter Bootstrap 3 In Arabic ] #52 - Create FAQ Page 28:43 2015-09-22
For your README

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Watch time: 13h 25m · 52 videos

Markdown
[![Watch time: 13h 25m · 52 videos](https://playlistduration.com/badge/playlist/PLDoPjvoNmBAw24EjNUp_88S1VeaNK8Cts.svg)](https://playlistduration.com/playlist/PLDoPjvoNmBAw24EjNUp_88S1VeaNK8Cts)
HTML
<a href="https://playlistduration.com/playlist/PLDoPjvoNmBAw24EjNUp_88S1VeaNK8Cts"><img src="https://playlistduration.com/badge/playlist/PLDoPjvoNmBAw24EjNUp_88S1VeaNK8Cts.svg" alt="Watch time: 13h 25m · 52 videos" width="210" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PLDoPjvoNmBAw24EjNUp_88S1VeaNK8Cts returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-10-27 (cached). Private or deleted videos are excluded from totals.