twitter-bootstrap - 在引导程序上居中 .col-md-x

Question

我如何将 .col-md-8 ( http://getbootstrap.com/css/#grid-example-basic ) 放在引导有效的 html 上？

Answer 1

您可以使用类 col-md-offset-2。或者您可以在列 div 中创建一个 div 并使用一个内容中心类。希望这可以帮助。

Answer 2

您可以使用 Bootstrap 类.mx-auto。

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

Answer 3

我所做的有点老套，但它确实有效：

只需col-md-2 div在 main 之前和之后使用 s col-md-8 div。

Answer 4

只需将 .row-centered 类添加到行中，将 .col-centered 类添加到列中。

<div class="container">
  <div class="row row-centered">
    <div class="col-md-8 col-centered"></div>
  </div>
</div>

CSS

.row-centered {text-align:center;}
.col-centered { display:inline-block; float:none; margin-right:-4px;}