Centering .col-md-x on bootstrap

Question

How could I center the .col-md-8 (http://getbootstrap.com/css/#grid-example-basic) on bootstrap valid html?

Answer 1

You can use the class col-md-offset-2. Or you can create a div inside of your column div and use a class of content-center. Hope this helps.

Answer 2

You can use the Bootstrap class .mx-auto.

<div class="row">
    <div class="col-md-8 mx-auto">
        <p>Content with 8 columns in md</p>
    </div>
</div>