Customizing Bootstrap Components

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

HTML/CSS Bootstrap

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

4.1 Size and Positioning

When you launch the default Bootstrap modal in your browser, the modal animates into the center of the screen. In this lesson, you’ll learn how to target the correct selectors in your CSS in order to change the size and positioning of your modals.

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

Craig Campbell

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

Next lesson playing in 5 seconds

4.1 Size and Positioning

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