2. 3.x Component Gallery

v3.x Component Gallery

Accordions

Accordions chunk, conceal and reveal content

Alerts

Alerts are notes that make information pop

Blockquotes

Blockquotes are brief, impactful excerpts

Breadcrumbs

Breadcrumbs are website wayfinding devices

Buttons

Buttons foreground important calls to action

Carousels

Carousels provide a rotating visual slideshow of images/text

Checklists

Checklists establish a set of steps for tracking progress

Code Wells

Code wells display code with syntax highlighting

Columns

Columns structure the content as a 12-column grid

Footers

Footers house important ancillary links & other information

Forms

Forms capture and submit related data from users

Google Embeds

Google docs, sheets and slides can be embedded directly

Images

Images provide visual supports and enhance meaning

Image Grids

Image grids make meaning through juxtaposition

Jumbotrons

Jumbotrons help focus the page content

Labels

Labels enhance the meaning of certain content

Lists

Lists add clarity by succinctly ordering related data

Media Lists

Media lists use images to organize data

Modals

Modals hide and show extended content

Multiple Choice

Multiple choice test a user's understanding

Navbars

Navbars provide wayfinding, structuring website navigation

Panels

Panels order and emphasize information

Popovers

Popovers hide and show supplementary information

Progress Bars

Progress bars inform users of activity progress

Symbols

Symbols leverage iconic memory for faster recognition

Tables

Tables display data for comparison and contrast

Tabs & Pills

Tabs and Pills hide and show related content

Typography

Special formats improve the readability of textual content

Tooltips

Tooltips give specific contextual information on hover

Videos

Videos engage and facilitate active learning

Font Awesome

Font Awesome icons aid in readability and usability

Glyphicons

Glyphicons aid in readability and usability