Join Jen Kramer for an in-depth discussion in this video Including lists, part of Up and Running with Bootstrap 2.
Down here at the bottom of the page where it talks about Exhibit Halls A & B, we have…a couple of lists--actually we have one list. Right now, it's a single bulleted list that…talks about smart displays that will be occurring in Exhibit Halls A & B throughout the week.…And then under that we have a sentence that says to visit three local photographers who…will be displaying their works, and it says something like Sam Gilmore: Ocean photography.…Currently, those are marked up as individual paragraphs, and that is actually rather incorrect markup.…It's still a list of things, Sam Gilmore is the photographer, Ocean photography is his topic.…
They go together, but they're not individual list items the way Area high school students…or Roux Academy students or Conference participants are.…The best way to mark up that particular laundry list of stuff down there at the bottom is…really a definition list.…A definition list is something that is not typically used a whole lot inside of web pages…at this point in time, but it's incredibly useful.…
- 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>