Align left align text in Bootstrap


While using Bootstrap libraries for creating webpages we must make used of the classes provided by bootstrap.css file to align text.

Though by default in HTML we have text aligned Left, but if you have nested elements containing text and want to left align it use the class "text-left"

Example :
<div style="padding:20px">
<p class="text-left">Lorem ipsum dolor sit amet, consectetur adipiscing 
elit, sed do eiusmod tempor incididunt ut labore et dolore magna
 aliqua. Ut enim ad minim veniam, quis 
nostrud exercitation ullamco laboris nisi ut aliquip ex ea
 commodo consequat. Duis aute irure dolor in reprehenderit 
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
 deserunt mollit anim id est laborum.</p>
    
</div>
Output :
bootstrap text align left
bootstrap text align left

Top Hashtags:

Advertisements

Advertisements




Advertisements