parm530
4/13/2018 - 4:02 PM

Centering in BS

Centering a column within a row in boostrap, ...

<div class="container">
  <div class="row">
    <div class="col-md-6 col-md-offset-3">
    </div>
  </div>
</div>
  • To center this div: 12 - (column width) / 2 = offset

Centering Text in a div container

  • Use class .text-center to center text within a container element
<div class="text-center">
  <p>Hi</p>
  ...
</div>