center a row using Bootstrap 3

Question

Why not using the grid system?

The bootstrap grid system consist of 12 columns, so if you use the “Medium” columns it will have a 970px width size.

Then you can divide it to 3 columns (12/3=4) so use 3 divs with “col-md-4” class:

<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>

Each one will have 323px max width size.
Keep the first and the last empty and use the middle one to get your content centerd:

<div class="col-md-4"></div>
<div class="col-md-4">
   <p>Centered content.</p>
</div>
<div class="col-md-4"></div>