Bootstrap Helpers

by stuttufu

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
You can use the mark tag to <mark>highlight</mark> text.<br/>
<del>This line of text is meant to be treated as deleted text.</del><br/>
<s>This line of text is meant to be treated as no longer accurate.</s><br/>
<ins>This line of text is meant to be treated as an addition to the document.</ins><br/>
<u>This line of text will render as underlined</u><br/>
<small>This line of text is meant to be treated as fine print.</small><br/>
<strong>rendered as bold text</strong><br/>
<em>rendered as italicized text</em><br/>
<abbr title="attribute">attr</abbr><br/>
<abbr title="HyperText Markup Language" class="initialism">initialism</abbr><br/>
<br/>
<blockquote>
  <p>Blockquote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
<br/>
<br/>
<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>
<p class="text-nowrap">No wrap text.</p>
<br/>
<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">Capitalized text.</p>
<br/>
<p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
<p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
<p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
<br/>
<p class="bg-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p class="bg-success">Duis mollis, est non commodo...