Bootstrap Components

Alerts

Alert (Primary)

 

 

Alert (Success)

 

 

Alert (Danger)

 

 

Alert with Link

 

 

Alert with Dismiss

 

 

Buttons

Button (Primary)

Button (Secondary)

Button (Success)

Button (Danger)

Button (Outline)

Button Group

 

 

Cards

Card (Basic)

 

Card title
Card subtitle

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

Card link Another link

 

Card with Image

 

...
Card Title

Some quick example text to build on the card title.

Go somewhere

 

Card with Header/Footer

 

Featured
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
2 days ago

 

Components

Progress Bar (10%)

 

10%

 

Progress Bar (20%)

 

20%

 

Progress Bar (30%)

 

30%

 

Progress Bar (40%)

 

40%

 

Progress Bar (50%)

 

50%

 

Progress Bar (60%)

 

60%

 

Progress Bar (70%)

 

70%

 

Progress Bar (80%)

 

80%

 

Progress Bar (90%)

 

90%

 

Progress Bar (100%)

 

100%

 

Badges

Badge (Primary)

Primary

Pill Badge

Secondary

Badge on Button

Accordion

Accordion (2 Items)

 

Accordion Body Content

Accordion Body Content

 

Accordion (3 Items)

 

Accordion Body Content

Accordion Body Content

Accordion Body Content

 

Accordion (4 Items)

 

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

 

Accordion (5 Items)

 

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

 

Accordion (6 Items)

 

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

 

Accordion (7 Items)

 

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

 

Accordion (8 Items)

 

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

 

Accordion (9 Items)

 

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

 

Accordion (10 Items)

 

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

Accordion Body Content

 

List Groups

List Group (Basic)

 

  • An item
  • A second item
  • A third item

 

List Group with Badges

 

  • A list item 14
  • A second list item 2

 

Progress Bars

Progress Bar (10%)

 

10%

 

Progress Bar (20%)

 

20%

 

Progress Bar (30%)

 

30%

 

Progress Bar (40%)

 

40%

 

Progress Bar (50%, Striped)

 

50%

 

Progress Bar (60%)

 

60%

 

Progress Bar (70%)

 

70%

 

Progress Bar (80%, Striped)

 

80%

 

Progress Bar (90%)

 

90%

 

Progress Bar (100%, Animated)

 

100%

 

Spinners

Spinner (Border)

 

 

Spinner (Grow)

 

 

Toasts

Toast

 

 

Popovers & Tooltips

Tooltip Trigger

Popover Trigger