Menus


Menu Default
Menu Inverse

Typography


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Example body text
text extra large
text large
text base (medium)
text small
text extra small

Text paragraph: This is how a link shows up, urna mollis ornare. Either the i tag can be used for italicized text, the strong tag for bold text, and small tag for smaller text, or use the text-[size/emphasis] class to achieve the same result.

Emphasis classes

text bold

text italic

text muted

text primary

text secondary

text success

text information

text warning

text alert

Buttons


Link Link No Decorator

Tiles


Default tile content.
Sucess tile content.
Information tile content.
Warning tile content.
Alert tile content.

Cards


Basic Card
Card Header
Card content.
Card content.
Card Primary
Card content.
Card Secondary
Card content.
Card Inverse
Card content.
Card Success
Card content.
Card Warning
Card content.
Card Primary No Fill
Card content.
Card Secondary No Fill
Card content.
Card Inverse No Fill
Card content.
Card Information
Card content.
Card Alert
Card content.

Jumbotron


Jumbotron

This is a simple jumbotron-style component for calling extra attention to featured content or information.