Button

A standard button

Button

Emphasis

A button can be formatted to show different levels of emphasis

Card

Create layout boxes with different styles.

Media modifiers.

To display an image inside a card without any spacing, add one of the following classes to a <div> around the <img> element. Mind that you need to modify the source order accordingly.

Form

Easily create nice looking forms with different styles and layouts.

Input has border

Input has border

Tab

Create a tabbed navigation with different styles.

Extanded

Rounded tab

• Item 1
• Item 2
• Item 3

Working tabs

• Item 1
• Item 2
• Item 3

• Hello
• Hello again!
• Bazinga!