Purple

Alert

Warning Alert

Donec eget augue facilisis, fermentum metus vel, iaculis purus. Aliquam iaculis aliquet sem. Maecenas sagittis nec purus eu cursus.

Danger Alert

Donec eget augue facilisis, fermentum metus vel, iaculis purus. Aliquam iaculis aliquet sem. Maecenas sagittis nec purus eu cursus.

Success Alert

Donec eget augue facilisis, fermentum metus vel, iaculis purus. Aliquam iaculis aliquet sem. Maecenas sagittis nec purus eu cursus.

Info Alert

Donec eget augue facilisis, fermentum metus vel, iaculis purus. Aliquam iaculis aliquet sem. Maecenas sagittis nec purus eu cursus.

Primary Alert

Donec eget augue facilisis, fermentum metus vel, iaculis purus. Aliquam iaculis aliquet sem. Maecenas sagittis nec purus eu cursus.

Secondary Alert

Donec eget augue facilisis, fermentum metus vel, iaculis purus. Aliquam iaculis aliquet sem. Maecenas sagittis nec purus eu cursus.

Light Alert

Donec eget augue facilisis, fermentum metus vel, iaculis purus. Aliquam iaculis aliquet sem. Maecenas sagittis nec purus eu cursus.

Dark Alert

Donec eget augue facilisis, fermentum metus vel, iaculis purus. Aliquam iaculis aliquet sem. Maecenas sagittis nec purus eu cursus.

Badge

Primary Secondary Success Danger Warning Info Light Dark
Primary Secondary Success Danger Warning Info Light Dark

Buttons

Card

Header
Default Card

Morbi eleifend nisi sit amet tellus suscipit molestie. Donec iaculis sollicitudin tortor consectetur sagittis. Sed a feugiat mauris.

Header
Warning Card

Morbi eleifend nisi sit amet tellus suscipit molestie. Donec iaculis sollicitudin tortor consectetur sagittis. Sed a feugiat mauris.

Header
Danger Card

Morbi eleifend nisi sit amet tellus suscipit molestie. Donec iaculis sollicitudin tortor consectetur sagittis. Sed a feugiat mauris.

Header
Success Card

Morbi eleifend nisi sit amet tellus suscipit molestie. Donec iaculis sollicitudin tortor consectetur sagittis. Sed a feugiat mauris.

Header
Info Card

Morbi eleifend nisi sit amet tellus suscipit molestie. Donec iaculis sollicitudin tortor consectetur sagittis. Sed a feugiat mauris.

Header
Primary Card

Morbi eleifend nisi sit amet tellus suscipit molestie. Donec iaculis sollicitudin tortor consectetur sagittis. Sed a feugiat mauris.

Header
Secondary Card

Morbi eleifend nisi sit amet tellus suscipit molestie. Donec iaculis sollicitudin tortor consectetur sagittis. Sed a feugiat mauris.

Header
Light Card

Morbi eleifend nisi sit amet tellus suscipit molestie. Donec iaculis sollicitudin tortor consectetur sagittis. Sed a feugiat mauris.

Header
Dark Card

Morbi eleifend nisi sit amet tellus suscipit molestie. Donec iaculis sollicitudin tortor consectetur sagittis. Sed a feugiat mauris.

Forms

Legend
Text input help text.
File input help text.
Radio Buttons
CheckBoxes
The entered value is correct!
The entered value is incorrect.
Text 1 Text 2 Text 3
Custom Forms

List Group

  • List Group Item 1 10
  • List Group Item 2 2
  • List Group Item 3 0

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean aliquet iaculis ipsum in efficitur. Aliquam et risus vel nulla vulputate vestibulum. Donec sed lacinia lorem. Donec tincidunt neque vitae velit euismod porttitor. Curabitur ac consectetur est. Praesent faucibus consectetur lacinia. Integer ac porttitor eros, et lobortis nisi. Aliquam rutrum vehicula mauris eu tincidunt.

Curabitur accumsan massa eget blandit dictum. Ut mattis ultrices sem id volutpat. Sed a nulla id eros dictum convallis in volutpat odio. Aenean ornare, ante et pellentesque malesuada, leo erat suscipit purus, et aliquam enim ex quis nulla. Nunc hendrerit mattis pretium. Aenean non sapien sed sem molestie suscipit. Aenean quis fringilla ex. Nulla pellentesque ipsum ut enim fringilla pellentesque.

Pagination

Popovers

Progress

50%

Backgrounds

Multiple Bars

Striped

Animated

Tables

Type Column Column Column
Active Cell Content Cell Content Cell Content
Default Cell Content Cell Content Cell Content
Primary Cell Content Cell Content Cell Content
Secondary Cell Content Cell Content Cell Content
Success Cell Content Cell Content Cell Content
Danger Cell Content Cell Content Cell Content
Warning Cell Content Cell Content Cell Content
Info Cell Content Cell Content Cell Content
Light Cell Content Cell Content Cell Content
Dark Cell Content Cell Content Cell Content

Bordered

Cell Content Cell Content Cell Content
Cell Content Cell Content Cell Content
Cell Content Cell Content Cell Content

Small

Cell Content Cell Content Cell Content
Cell Content Cell Content Cell Content
Cell Content Cell Content Cell Content

Tooltips