Bootstrap Components

This is a quick showcase of some of the main Bootstrap components that come with this template.

Alert

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. See the Bootstrap documentation for more details.

Badge

Small count and labeling component. See the Bootstrap documentation for more details.

Add -light suffix to the class name to get lighter tones on badges.

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New
Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. See the Bootstrap documentation for more details.

Button Colors
Button Sizes
Card

Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.. See the Bootstrap documentation for more details.

Card image cap

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Card image

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Forms

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms. See the Bootstrap documentation for more details.

Form Group
We'll never share your email with anyone else.
Input Sizes
Input Group
@
Custom Inputs
List Group

List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within. See the Bootstrap documentation for more details.

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros
Progress

Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels. See the Bootstrap documentation for more details.

Tooltips

Custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage. See the Bootstrap documentation for more details.