Reusable Styles
Subheads
H2 Subhead
H3 Subhead
H4 Subhead
H5 Subhead
<h2 class="subhead">...</h2>
<h3 class="subhead">...</h3>
<h4 class="subhead">...</h4>
<h5 class="subhead">...</h5>
/*CSS*/
h3.subhead, h4.subhead,
h5.subhead {border-bottom:1px solid #ccc; padding-bottom:10px;}
h3.subhead {color:#0b6d82;}
Lead Body Copy
Lead Body Copy, vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
<p class="lead">...</p>
p.lead {margin-bottom:40px;}
Text Alignment
Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
No wrap text.
<p class="text-left">...</p>
<p class="text-center">...</p>
<p class="text-right">...</p>
<p class="text-justify">...</p>
<p class="text-nowrap">...</p>
Transformation Classes
Lowercased text.
Uppercased text.
Capitalized text.
<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">Capitalized text.</p>
Special Lists
- List Unstyled
- Consectetur adipiscing elit
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- List Inline
- Phasellus iaculis
- Nulla volutpat
<ul class="list-unstyled">
<li>List Unstyled</li>
<li>Consectetur adipiscing elit</li>
<li>Nulla volutpat aliquam velit
<ul>
<li>Phasellus iaculis neque</li>
<li>Purus sodales ultricies</li>
</ul>
</li>
<li>Faucibus porta lacus fringilla vel</li>
<li>Aenean sit amet erat nunc</li>
</ul>
<ul class="list-inline">
<li>List Inline</li>
<li>Phasellus iaculis</li>
<li>Nulla volutpat</li>
</ul>
Contextual Colors
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Nullam id dolor id nibh ultricies vehicula ut id elit.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Maecenas sed diam eget risus varius blandit sit amet non magna.
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.
<p class="text-muted">...</p>
<p class="text-primary">...</p>
<p class="text-success">...</p>
<p class="text-info">...</p>
<p class="text-warning">...</p>
<p class="text-danger">...</p>
Links
Sponsor Logo padding
/*CSS*/
padding bottom: 25px;