Introduction
Welcome
()
Using the exercise files
()
1. Getting Started with Bootstrap
What is Bootstrap?
()
Downloading and unzipping Bootstrap
()
Setting up a Dreamweaver site with Bootstrap files
()
2. The Grid System in Bootstrap
Understanding the difference between default and fluid grids
()
Exploring the fluid grid and creating new rows
()
Understanding fluid offsetting
()
Nesting with fluid grids
()
Exploring Bootstrap media queries and device-specific styling
()
Adding a hero unit
()
Creating a thumbnail gallery
()
3. CSS Overview
Exploring basic typography
()
Including blockquotes
()
Including lists
()
Styling buttons
()
Incorporating images
()
Incorporating icons
()
Overriding Bootstrap core CSS
()
4. Navigation Systems
Adding breadcrumbs
()
Adding pagination for paging through content
()
Adding a page for next and previous links
()
Using tabs and pills navigation
()
Adding the basic navigation bar
()
5. JavaScript Effects
Understanding how JavaScript works in Bootstrap
()
Making the nav bar responsive with JavaScript
()
Adding a dropdown menu to the navigation bar
()
Adding a dropdown menu to the tabs and pill navigation
()
Tabbing within the same page
()
Creating modal windows
()
Creating a photo carousel
()
Conclusion
Other resources
()
Ex_Files_UaR_Bootstrap.zip
(677 KB)