Join Jen Kramer for an in-depth discussion in this video Downloading and unzipping Bootstrap, part of Up and Running with Bootstrap 2.
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.…
- 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
Q: I am trying to create the image carousels shown in this course, and they are not functioning properly. The custom.css file seems to be missing from the exercise files and I think this is the reason. Can you provide it?
<div>A: custom.css isn't created until the carousel indicators are added. However, these styles have to do with the way the indicators look, and nothinghas to do with the way the carousel functions.</div><div> </div><div>Are you sure you're working with Bootstrap 2.x? You download that from here:
<a target="_blank" href="http://getbootstrap.com/2.3.2/">http://getbootstrap.com/2.3.2/</a>. The carousel changed radically between Bootstrap 2.x and Bootstrap 3, and this course might not work with version 3.</div>