FREELessons: 12Length: 53 minutes
You’ve heard of Bootstrap. You might even know how to use it. But how do you customize it to make real, live, beautiful sites? In this course we’ll cover just that, along with some tricks for making sure your Bootstrap sites look great on any device.
1.Introduction
1.1Course Overview00:43
1.1
Course Overview
00:43
2.Getting Familiar With Bootstrap's Grid
2.1The Grid System02:43
2.1
The Grid System
02:43
3.The Homepage
3.1Setting Up Our Project With HTML5 Boilerplate and Bootstrap03:42
3.1
Setting Up Our Project With HTML5 Boilerplate and Bootstrap
03:42
3.2Resets, Logo, and Navigation11:16
3.2
Resets, Logo, and Navigation
11:16
3.3Huge Headers With Jumbotrons04:39
3.3
Huge Headers With Jumbotrons
04:39
3.4Filterable Portfolio Structure06:04
3.4
Filterable Portfolio Structure
06:04
3.5Adding Functionality to Our Filterable Portfolio05:55
3.5
Adding Functionality to Our Filterable Portfolio
05:55
3.6Finishing Touches02:11
3.6
Finishing Touches
02:11
4.The Blog Page
4.1Setting Up an Article Listing05:24
4.1
Setting Up an Article Listing
05:24
4.2Adding a Sidebar and Source Ordering05:21
4.2
Adding a Sidebar and Source Ordering
05:21
5.The Contact Page
5.1Adding a Form to Our Contact Page03:58
5.1
Adding a Form to Our Contact Page
03:58
6.Conclusion
6.1Goodbye00:38
6.1
Goodbye
00:38
