Join Jen Kramer for an in-depth discussion in this video Using the exercise files, part of Up and Running with Bootstrap 2.
Exercise files are available to Premium Members of lynda.com. Simply download the exercise files to your computer and place them on the Desktop for ease of access. The exercise files are organized by chapter number. Whenever an exercise file is available for a video, you'll see a yellow overlay at the bottom of the screen that indicates the location and the name of the exercise file. In most cases, there is a starting state HTML file available to you in the exercise files, as well as a completed state file.
The completed state file is located inside the folder called Completed. In a few videos, I've given you some images to use. Drag these images to the IMG folder inside of your Bootstrap folder on the Desktop. You'll be creating this Bootstrap folder in the first few videos as you download Bootstrap and start working with it. Working with the exercise files can add great value to the training. However, if you don't have access to the exercise files, you can still follow along with the videos, often using your own files and have a fulfilling learning experience.
- 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>