Twitter Bootstrap 3:如何将块居中

Question

在我看来,center-block引导3样式表中缺少类.我错过了什么吗？

它的用法在这里描述,http://getbootstrap.com/css/#helper-classes-center

Answer 1

它是Bootstrap 3.0.1版本中的新功能,因此请确保您拥有最新版本(10/29)...

演示: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

它以这种方式工作得更好(保持响应性):

  <!-- 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

Answer 3

你必须使用style ="width:value"和中心块类