Join Jen Kramer for an in-depth discussion in this video Exploring basic typography, part of Up and Running with Bootstrap 2.
Bootstrap comes with a number of built-in styles which you can use in your site designs.…There's a few in particular that you might find quite useful.…This is the latest HTML document I'm using in this video.…This is schedule.html, and you see that the page is kind of boring looking.…We've got a schedule. It's obviously a schedule. It's divided very nicely into sections here.…We have a Monday schedule, and we have a Tuesday schedule.…And it's easy to tell the hierarchy of the information, but it's not terribly exciting to look at.…
So we're going to add some styling to this over the next chapter's videos.…There is some styling that's here by default,…just by virtue of being linked to the Bootstrap style sheets.…So as you see, for example, the text is displayed in Helvetica and Arial, as opposed to being…displayed in just Times New Roman, which is the default if no styling is set for most web browsers anyway.…There's some basic styling that's in place for the headers.…These Learn more items are links, which you can see as you roll your mouse over them…
- 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>