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.Introduction1 lesson, 00:43
1 lesson, 00:43
1.1Course Overview00:43
1.1
Course Overview
00:43
2.Getting Familiar With Bootstrap's Grid1 lesson, 02:43
1 lesson, 02:43
2.1The Grid System02:43
2.1
The Grid System
02:43
3.The Homepage6 lessons, 33:47
6 lessons, 33:47
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 Page2 lessons, 10:45
2 lessons, 10:45
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 Page1 lesson, 03:58
1 lesson, 03:58
5.1Adding a Form to Our Contact Page03:58
5.1
Adding a Form to Our Contact Page
03:58
6.Conclusion1 lesson, 00:38
1 lesson, 00:38
6.1Goodbye00:38
6.1
Goodbye
00:38
Cory created Lost Grid, Jeet, and a few other open-source projects.
He's written for TutsPlus, CSS Tricks, .net Magazine, and Packt Publishing; worked for companies such as Scholastic, World Vision Charities, and TeeSpring; and intentionally moved to the middle of nowhere to better understand the sound of a whisper.