Bootstrap 4 Code

Output

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">

</head>
<body>
<div class="container">
<h3>Demo of Text Alignment left in Bootstrap 4</h3>
<p  class="text-left">Align left by text-left class in a paragraph</p>
<h1 class="text-left">Align left in h1!</h1>
<h2 class="text-left">Align left in h2!</h2>
<h3 class="text-left">Align left in h1!</h3>
<h4 class="text-left">Align left in h1!</h4>
<h5 class="text-left">Align left in h1!</h5>
<h6 class="text-left">Align left in h1!</h6>

<hr />
<p>Align left without any class in a paragraph</p>
<h1>Without any class: Align left in h1!</h1>
<h2>Without any class: Align left in h2!</h2>
<h3>Without any class: Align left in h1!</h3>
<h4>Without any class: Align left in h1!</h4>
<h5>Without any class: Align left in h1!</h5>
<h6>Without any class: Align left in h1!</h6>
</div>
</body>
</html>

Demo of Text Alignment left in Bootstrap 4

Align left by text-left class in a paragraph

Align left in h1!

Align left in h2!

Align left in h1!

Align left without any class in a paragraph

Without any class: Align left in h1!