Join Jen Kramer for an in-depth discussion in this video Styling buttons, part of Up and Running with Bootstrap 2.
You might have noticed the learn more link next to the session names here on this program.…They aren't styled really nicely. It would be so much better if they looked more interesting…and certainly more compelling to click on them.…Fortunately, Bootstrap comes with a number of styles that will make those links more interesting.…In fact, we can make all of those links look exactly like buttons if we wanted to.…So I'm going to go ahead and apply some treatments to these learn more links to make them look…more interesting, more clickable, pop-off the page a little bit more than they do right now.…
So if you go to Dreamweaver and scroll on down to the first instance of these learn…mores, which I think is around line 24, Art in Unexpected Places,…you'll see that we have here the a tag with a learn more link inside of it.…There are a number of things that we can do to give this a treatment.…So one thing that we could do is simply use that small tag which I covered in a previous…video, and you can wrap the small tag around the link itself, and if I just save that,…
- 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>