Bootstrap 3 Course

Learn how to create responsive websites that work on all devices from phones to phablets to desktops.

Recommended that you know HTML, CSS, JavaScript and jQuery before taking this course.

Average Course Length

10 hours

Skill Level

Intermediate

Pick a lesson


1: What Is Bootstrap?
2: Advantages And Disadvantages
3: The Grid
4: Setting Up A Project
5: Implementing A Grid System
6: Different Grid Sizes
7: Offsetting Columns
8: Fixed Vs Fluid Layouts
9: Columns Within Columns
10: Rows
11: Dropdowns
12: Dropdown Headers
13: Dropdown Alignment
14: Dropdown Dividers
15: Dropdown Disabled Menu Items
16: Button Groups
17: Button Group Toolbars
18: Button Group Sizing
19: Button Group Nesting
20: Button Group Vertical Variation
21: Justifying Button Groups
22: Single Button Dropdown
23: Split Button Dropdown
24: Button Dropdown Sizing
25: Button Group Dropup Variation
26: Input Groups
27: Input Group Sizing
28: Input Group Checkboxes And Radio Addons
29: Input Button Group Addons
30: Input Group Button Dropdowns
31: Input Group Segmented Buttons
32: Nav Tabs
33: Nav Pills
34: Stacked Nav
35: Justifying Nav
36: Nav Disabled Links
37: Nav With Dropdowns
38: Navbars
39: Navbar Brand Image
40: Navbar Text
41: Navbar Fixed Positioning
42: Inverted Navbar
43: Breadcrumbs
44: Pagination
45: Pagination Disabled And Active States
46: Pagination Sizing
47: Pager
48: Pager Aligned Links
49: Pager Disabled Links
50: Labels
51: Badges
52: Jumbotron
53: Page Header
54: Thumbnails
55: Alerts
56: Dismissible Alerts
57: Links In Alerts
58: Progress Bar
59: Progress Bar With A Label
60: Progress Bar Styling
61: Progress Bar Striped Styling
62: Progress Bar Animation
63: Stacked Progress Bar
64: Media Object
65: Media Object Horizontal Alignment
66: Media Object Vertical Alignment
67: Nesting Media Objects
68: List Groups
69: List Group Badges
70: Linked List Items
71: Disabled List Items
72: Styling List Items
73: Panels
74: Panel Headers
75: Panel Footers
76: Panel Styling
77: Panels With Tables
78: Panels With List Groups
79: Responsive Embed
80: Wells
81: Well Sizing
82: Modals
83: Modal Sizing
84: Modals With No Animation
85: Togglable Tabs
86: Togglable Tab Fading
87: Tooltips
88: Popovers
89: Dismissible Popovers
90: Loading Button
91: Single Toggle Button
92: Checkbox Buttons
93: Radio Buttons
94: Collapsible Groups
95: Carousels
96: Non-responsive Grid
97: Bootstrap Frameworks
98: Bootstrap Templates
99: Our Bootstrap Websites
100: What's Next?