Join Jen Kramer for an in-depth discussion in this video Creating modal windows, part of Up and Running with Bootstrap 2.
If you click this big button here that says Launch demo modal, you'll see how the screen…grays back a bit, and this window seems to scroll in to place.…The window is comprised of three parts, we have a heading up here on the top with a little…Close button over here on the side, the little X.…There is some main text here to keep the Modal window that's very long from scrolling off the web page.…You see there's a scrollbar here on the side.…Then down at the bottom, we have a button to close the window or a button to save changes.…
- 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>