This document is a module on Bootstrap 3 components that provides an agenda and demos for common components like page headers, breadcrumbs, button groups, dropdowns, input groups, pagination, thumbnails, panels, and wells. It is presented by Shawn Wildermuth of Wilder Minds LLC and accessible at http://wilderminds.com. The summary encourages learning about these components as common website building blocks but also customizing them.

1. Bootstrap 3
Module 4: Components
Shawn Wildermuth
Wilder Minds LLC
http://wilderminds.com

2. Agenda

Components

Page Header and Breadcrumbs

Button Groups

Dropdowns

Button Dropdowns

Input Groups

Pagination

Thumbnails

Panels

Wells

3. Page Header and Breadcrumbs
Demo

4. Button Groups
Demo

5. Dropdowns
Demo

6. Button Dropdowns
Demo

7. Replacing a Select with a Dropdown
Demo

8. Input Groups
Demo

9. Pagination
Demo

10. Thumbnails
Demo

11. Panels
Demo

12. Wells
Demo

13. Summary
 Components

Building websites required knowledge of these common metaphors

Bootstrap Components provide those metaphors

The Components build on each other

But still don’t be afraid to customize the look and feel of the components