Accordions chunk, conceal and reveal content effectively.
Accordions
Alerts and notes are useful to make information pop.
Alerts
Badges pop when not overused, adding meaning contextually.
Badges
Blockquotes are brief, impactful textual excerpts.
Blockquotes
Breadcrumbs are a key wayfinding device for users.
Breadcrumbs
Buttons foreground important features or calls to action.
Buttons
Cards help chunk and emphasize information visually.
Cards
Carousels provide a rotating slideshow effect.
Carousels
Easily track your progress with checklist panels.
Checklists
Use columns to structure your page content as a grid.
Columns
Dropdowns organize content and provide additional options.
Dropdowns
Images support and enhance the meaning on the page.
Images
Image grids juxtapose images for comparison / contrast.
Image Grids
Jumbotrons create a prominent visual introductory focus to a page.
Jumbotrons
Use lists to better present groups of related data.
Lists
Use media lists to organize textual data visually.
Media Lists
Modals afford hiding and showing extended content.
Modals
Simple navs allow users to navigate your site or your page.
Navs
Navbars provide users different ways to navigate your site.
Navbars
Pagination helps chunk your pages more meaningfully.
Pagination
Popovers easily hide and show supplementary information.
Popovers
Progress bars inform users of progress on longer processes.
Progress Bars
Scrollspy updates your navigation element based on page position.
Scrollspy
Symbols help users quickly, efficiently make meaning.
Symbols
Use tables to display data for comparison and contrast.
Tables
Use tabs / pills to conceal-and-reveal related content.
Tabs & Pills
Toast are short alerts useful for pushing notifications to user.
Toast
Tooltips provide contextual information on mouse-over.
Tooltips
A group of the most common properties required by developers.
Utility Classes
Video is engaging and can facilitate active learning of material.