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 in Bootstrap 4</h3>
<p class="text-lg-center">Aligned center in large viewport and left in small viewports</p>
<h1 class="text-lg-center">h1: centered in large screen and left in med/smaller</h1>
<h4 class="text-lg-center">h4: centered in large screen and centered in med/smaller</h4>
<h5 class="text-lg-center">h5: centered in large screen and centered in med/smaller</h5>
<h6 class="text-lg-center">h6: centered in large screen and centered in med/smaller</h6>
</div>
</body>
</html>

Demo of Text Alignment in Bootstrap 4

Aligned center in large viewport and left in small viewports

h1: centered in large screen and left in med/smaller