Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,900 courses, including more Web and personalized recommendations.Start Your Free Trial Now
- View Offline
- Understanding the difference between default and fluid grids
- Nesting with fluid grids
- Creating a thumbnail gallery
- Adding block quotes and lists of text
- Incorporating images and icons
- Adding breadcrumb navigation and pagination
- Using tabs and pills navigation
- Adding dropdown menus to the nav bar, tabs, and pill
Skill Level Beginner
Now that you know what Bootstrap is, let's download it and get started working with it. So to do that, go to getbootstrap.com, and you should see a web page that will come up, fairly similar to this one. Today I am working with Bootstrap 2.1.1, which was released on September 4th in 2012. It's possible that you'll be working with a later version of Bootstrap, but it should be fairly similar to this in terms of there's a great big huge honking button on the homepage that says Download Bootstrap, and that's what we need right now.
So if you go ahead and click on this button to download Bootstrap--I am going to go ahead and save this file on down to my Computer and say OK-- it will go ahead and download Bootstrap for you. And now if I go into my Computer and go to my Downloads folder--Mac people you're going to do something similar--and I'm going to double-click on my bootstrap zipped file to decompress it, and I'll have a folder here called bootstrap. What I am going to do is just drag that right on out to my Desktop and close that window.