Customizing Bootstrap Components

Craig CampbellMay 25, 2016Lessons: 19Length: 2.6 hours

HTML/CSS Bootstrap

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

3.1 Dropdown Hover

In this lesson, I will demonstrate how to restyle a dropdown menu in a nav bar. We’ll also make the dropdown appear when you hover over the associated button, instead of having to click on it.

1.Introduction
2 lessons, 05:48

1.2
Downloading Bootstrap 4
05:13

2.Basic Reskinning
5 lessons, 50:32

2.1
Adjusting Basic Styles
11:15

2.2
Stubborn Bootstrap Selectors
10:20

2.3
Restructuring the HTML
08:55

3.Dropdown Menus
3 lessons, 25:41

3.2
Multi-Column Dropdowns
07:20

4.Customizing Bootstrap Modals
8 lessons, 1:11:00

4.1
Size and Positioning
11:18

4.2
Recoloring the Backdrop
04:52

4.4
Modals With Dynamic Content
08:31

4.5
Injecting HTML Content With jQuery
10:08

4.7
Creating and Resetting Options
10:25

5.Conclusion
1 lesson, 00:34

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.

craigsoup

Customizing Bootstrap Components

Next lesson playing in 5 seconds

3.1 Dropdown Hover

1.Introduction
2 lessons, 05:48

1.1
Introduction
00:35

1.2
Downloading Bootstrap 4
05:13

2.Basic Reskinning
5 lessons, 50:32

2.1
Adjusting Basic Styles
11:15

2.2
Stubborn Bootstrap Selectors
10:20

2.3
Restructuring the HTML
08:55

2.4
Fonts and Buttons
10:08

2.5
Finishing the Cards
09:54

3.Dropdown Menus
3 lessons, 25:41

3.1
Dropdown Hover
13:27

3.2
Multi-Column Dropdowns
07:20

3.3
Scrolling Dropdowns
04:54

4.Customizing Bootstrap Modals
8 lessons, 1:11:00

4.1
Size and Positioning
11:18

4.2
Recoloring the Backdrop
04:52

4.3
Modal Colors
06:56

4.4
Modals With Dynamic Content
08:31

4.5
Injecting HTML Content With jQuery
10:08

4.6
Click Events
12:20

4.7
Creating and Resetting Options
10:25

4.8
Multi-Step Modals
06:30

5.Conclusion
1 lesson, 00:34

5.1
Final Thoughts
00:34

Customizing Bootstrap Components

Next lesson playing in 5 seconds

3.1 Dropdown Hover

1.Introduction2 lessons, 05:48

2.Basic Reskinning5 lessons, 50:32

3.Dropdown Menus3 lessons, 25:41

4.Customizing Bootstrap Modals8 lessons, 1:11:00

5.Conclusion1 lesson, 00:34

1.Introduction
2 lessons, 05:48

2.Basic Reskinning
5 lessons, 50:32

3.Dropdown Menus
3 lessons, 25:41

4.Customizing Bootstrap Modals
8 lessons, 1:11:00

5.Conclusion
1 lesson, 00:34