在bootstrap上居中.col-md-x

Question

我怎样才能将.col-md-8（http://getbootstrap.com/css/#grid-example-basic）置于bootstrap有效的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

我所做的是一点点hacky，但它确实有效：

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

Answer 4

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

<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;}