The page header above is a simple shell for an h1 to appropriately space out and segment sections of content on a page. It can utilize the h1's default small element, as well as most other components.
.page-header>h1{Typography }>small{building on top of bootstrap}
h${H$ Heading}*6
Leading: Lorem ipsum dolor sit amet
Longer text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis aliquet sapien, quis tincidunt justo. Proin convallis leo lorem, et iaculis purus molestie sed.
Lorem ipsum dolor sit amet
Danger: Lorem ipsum dolor sit amet
Succes: Lorem ipsum dolor sit amet
Muted: Lorem ipsum dolor sit amet
Info: Lorem ipsum dolor sit amet
p.lead{Leading text}
p.text-danger{Danger text}
p.text-success{Success text}
p.text-muted{Muted text}
p.text-info{Info text}
ul>li{Random text $}*4+(li>ul>li{subitem}*2)+li{last item}
ol>li{Random text $}*6
Left align text
Center align text
Right align text
p.text-left{left}+p.text-center{center}+p.text-right{right}
.label.label-default{default}+.label.label-primary{primary}+.label.label-success{success}+.label.label-info{info}+.label.label-warning{warning}+.label.label-danger{danger}
(h${Example heading }>span.label.label-default{New})*3
.well{This is a well}}
.well.well-lg{This is a larger well}}
.well.well-sm{This is a smaller well}}