Layout
  
>
  

Heading

The heading elements include one header for each color and in 6 different sizes. The header resizes for a perfect result on both large and small screens.

Syntax

[head]-[1|2|3|4|5|6]-[default|primary|disabled|success|danger|warning|info|safe|light|dark]

<div> <h1 class="head-1-default">default</h1> <h1 class="head-1-primary">primary</h1> <h1 class="head-1-danger">danger</h1> <h1 class="head-1-safe">safe</h1> </div> <div> <h1 class="head-3-info">info</h1> <h1 class="head-5-warning">warning</h1> <h1 class="head-2-danger">danger</h1> <h1 class="head-6-success">success</h1> </div>

Samples

<h1 class="head-1-danger">Danger</h1> <h2 class="head-2-danger">Danger</h2> <h3 class="head-3-danger">Danger</h3> <h4 class="head-4-danger">Danger</h4> <h5 class="head-5-danger">Danger</h5> <h6 class="head-6-danger">Danger</h6>
Result:

Danger

Danger

Danger

Danger

Danger
Danger
<h1 class="head-4">Head 4</h1>
Result:

Head 4


stage: in the making