Twitter Bootstrap 3: How to center a block

Question

It seems to me that the class center-block is missing from the bootstrap 3 style sheets. Am I missing something?

Its usage is described here, http://getbootstrap.com/css/#helper-classes-center

Answer 1

It's new in the Bootstrap 3.0.1 release, so make sure you have the latest (10/29)...

Demo: http://bootply.com/91632

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>  <div class="row">      <div class="center-block" style="width:200px;background-color:#ccc;">...</div>  </div>

Answer 2

It works far better this way (preserving responsiveness):

  <!-- somewhere deep start -->   <div class="row">     <div class="center-block col-md-4" style="float: none; background-color: grey">       Hi there!     </div>   </div>   <!-- somewhere deep end --> 

http://www.bootply.com/0L5rBI2taZ