Texts, Lists, Alignment, Blockquote, Style etc...
<!-- LISTS -->
<ul class="list-unstyled">
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>
<!-- INLINE LIST -->
<ul class="list-inline">
<li class="list-inline-item">Lorem ipsum</li>
<li class="list-inline-item">Lorem ipsum </li>
<li class="list-inline-item">Lorem ipsum </li>
</ul>
<!-- HEADINGS -->
<h1>Heading One <small class="text-muted">Subtext</small></h1>
<h4 class="h2">Heading Four</h4>
<!-- DISPLAY CLASSES -->
<h1 class="display-1">Display Heading 1</h1>
<h1 class="display-2">Display Heading 2</h1>
<h1 class="display-3">Display Heading 3</h1>
<h1 class="display-4">Display Heading 4</h1>
<!-- LEAD -->
<p class="lead">Veniam consequatur vero numquam voluptatem quam ab expedita eum, ipsam?</p>
<!-- STYLE CLASSES -->
<p class="font-weight-bold">Bold Text</p>
<p class="font-weight-normal">Normal Text</p>
<p class="font-italic">Italic Text</p>
<!-- TEXT TRANSFORMS -->
<p class="text-lowercase">MAKE LOWERCASE</p>
<p class="text-uppercase">make uppercase</p>
<p class="text-capitalize">make capitalized</p>
<!-- BLOCKQUOTE RIGHT ALIGNED -->
<blockquote class="blockquote text-right">
<p>This is a blockquote aligned right</p>
</blockquote>
<!-- JUSTIFY -->
<p class="text-justify">Placeat cumque, maiores fugiat tenetur ea voluptas voluptatem odio odit, corrupti eius.</p>
<!-- ALIGNMENT -->
<p class="text-left">Text aligned left</p>
<p class="text-center">Text aligned center</p>
<p class="text-right">Text aligned right</p>
<!-- RESPONSIVE ALIGN -->
<p class="text-sm-right">Right aligned on small or larger</p>
<p class="text-md-right">Right aligned on medium or larger</p>
<p class="text-lg-right">Right aligned on large or larger</p>
<p class="text-xl-right">Right aligned on xl or larger</p>