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

Etiam sit amet velit finibus, viverra nibh ac, dignissim mi. Duis metus arcu, egestas at elit in, pulvinar rutrum ligula. Sed in hendrerit justo.

Header
Success Card

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

Header
Info Card

Etiam sit amet velit finibus, viverra nibh ac, dignissim mi. Duis metus arcu, egestas at elit in, pulvinar rutrum ligula. Sed in hendrerit justo.

Header
Primary Card

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

Header
Secondary Card

Etiam sit amet velit finibus, viverra nibh ac, dignissim mi. Duis metus arcu, egestas at elit in, pulvinar rutrum ligula. Sed in hendrerit justo.

Header
Light Card

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

Header
Dark Card

Etiam sit amet velit finibus, viverra nibh ac, dignissim mi. Duis metus arcu, egestas at elit in, pulvinar rutrum ligula. Sed in hendrerit justo.

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
Upload

Jumbotron

Jumbotron!


Morbi ultricies porttitor quam ornare varius. Nunc ornare non ipsum in sodales. Duis in sagittis lorem. Vivamus vel sapien nulla. Quisque pharetra viverra mi, ac sodales metus aliquet eu. Etiam porta risus massa, ut dignissim ipsum laoreet sed. Donec non maximus eros, ut facilisis leo. Curabitur id suscipit tellus. Ut tellus tellus, feugiat vel enim eget, mattis sagittis massa. Nulla facilisi.

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