Lessons:21Length:3.1 hours
With the rising popularity of HTML and CSS frameworks like Bootstrap, web designers have found an efficient alternative to Adobe Photoshop for designing websites. In this course, you’ll learn how to use Bootstrap as a foundation for rapid website design in HTML and CSS.
1.Introduction
1.1Introduction01:51
1.1
Introduction
01:51
2.Bootstrap Essentials
2.1Downloading and Setting Up Bootstrap05:04
2.1
Downloading and Setting Up Bootstrap
05:04
2.2The Bootstrap Grid12:45
2.2
The Bootstrap Grid
12:45
2.3Bootstrap Documentation04:07
2.3
Bootstrap Documentation
04:07
2.4Starting From Scratch09:04
2.4
Starting From Scratch
09:04
2.5Starting With a Template12:05
2.5
Starting With a Template
12:05
3.Designing With the Browser
3.1Overriding Text Defaults09:35
3.1
Overriding Text Defaults
09:35
3.2Finding the Right Fonts08:17
3.2
Finding the Right Fonts
08:17
3.3Bootstrap Navbars14:35
3.3
Bootstrap Navbars
14:35
3.4Experimenting with Color06:24
3.4
Experimenting with Color
06:24
3.5Tools for Working with Color12:47
3.5
Tools for Working with Color
12:47
3.6Using Your Selected Colors13:56
3.6
Using Your Selected Colors
13:56
3.7Inserting Images09:38
3.7
Inserting Images
09:38
3.8Experimenting With Layouts07:56
3.8
Experimenting With Layouts
07:56
3.9More Layout and Color Changes14:33
3.9
More Layout and Color Changes
14:33
3.10Creating an Image Slider11:51
3.10
Creating an Image Slider
11:51
3.11Navigation Drop-Downs05:08
3.11
Navigation Drop-Downs
05:08
4.Styling Forms
4.1Bootstrap Forms09:57
4.1
Bootstrap Forms
09:57
4.2Button Options08:36
4.2
Button Options
08:36
4.3Responsive Considerations09:28
4.3
Responsive Considerations
09:28
5.Conclusion
5.1Final Thoughts00:45
5.1
Final Thoughts
00:45
