Box

The box class added to a div will make it look like this.

Aligned Boxes

Theses boxes are wrapped around a row div, that combined with a flex class, makes the boxes full height so they match.

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Badges

The badge class applied to a span will look like is shown below. Additionally, you can have badge-*status*.

badge-info badge-danger badge-warning badge-success


Buttons

Status Regular Disabled
Pre-filled by fillButtons()

Lists

Default

This ul below doesn't have any special class.

  • The
  • Defaultest
  • List
  • Ever

Nested

Lists can be nested, ul's inside li's.

  • Regular list item.
  • This one has a ul inside.
    • Second
      • Third
  • Back to normal

Special Classes

This ul has the list-unstyled class.

  • Aligned List
  • Without margin nor padding


Special

This is a blockquote.

Tables

The table below has the table-hover class to highlight on hover.

ID Subject Description Value
1 Lorem Ipsum Value
3 Lorem Ipsum Value

Tabs

The tabs below are inside a box class.

First Tab

Tab Twee

Solapa Tres

Accordion

Collapsible Group Item #1

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.

Forms


You can also add a disabled class to the form-group.


Warn about warnings!!!




  • Sorry, this field looks too awesome
  • Can't hear you over the beauty of this field

Animations

Some simple CSS3 animations are included as well.

Blink

Simply by adding the class blink, it will make the content fade in and out in a lapse of 2 seconds. Additionally, to blink you can attach the classes slow (6s), fast (1s), slowest (12s) and fastest (0.5s).
blink slowest
blink slow
blink fast
blink fastest