Center Text with Bootstrap
Now that we're using Bootstrap, we can center our heading elements to make them look better. All we need to do is add the class text-center to our h1 and h2 elements.
Remember that you can add several classes to the same element by separating each of them with a space, like this: <h2 class="text-red text-center">your text</h2>
.