right-align text.
left-align text.
text-center text.
pull-leftpull-right
clearing float.
<p class="text-right">right-align text.</p>
<p class="text-left">left-align text.</p>
<p class="text-center">Text-center text.</p>
<p><span class="pull-left bg-secondary">pull-left</span><span class="pull-right bg-secondary">pull-right</span></p>
<p class="clear">clearing float.</p>
All this classes is avaible on all html tag
This is an upper text using .upper helper class.
This is a bold text using .strong or .bold helper class.
This is a link without underline decoration text using .no-underline helper class. .darklnk .greylnk.text-white or .text-white
.text-dark or .text-dark
.text-mediumgrey
.text-error
.text-confirm
.text-primary
.text-secondary
.text-tertiary
.text-darkgrey
.text-disabled
.text-warning
.text-strike
<p class="upper">This is an upper text using .upper helper class.</p>
<p class="bold">This is a bold text using .strong or .bold helper class.</p>
<a class="no-underline">This is a link without underline decoration text using .no-underline helper class.</a>
<a class="darklnk" href="">.darklnk</a>
<a class="greylnk" href="">.greylnk</a>
<p class="text-white darkbg">.text-white or .text-white</p>
<p class="text-dark">.text-dark or .text-dark</p>
<p class="text-mediumgrey">.text-mediumgrey</p>
<p class="text-error">.text-error</p>
<p class="text-confirm">.text-confirm</p>
<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-tertiary">.text-tertiary</p>
<p class="text-darkgrey">.text-darkgrey</p>
<p class="text-disabled">.text-disabled</p>
<p class="text-warning">.text-warning</p>
<p class="text-strike">.text-strike</p>