bootstrap row四个块

Question

如何将它们居中对齐，我使用bootstrap

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-3 col-sm-6 col-xs-4"></div>
        <div class="col-lg-3 col-sm-6 col-xs-4"></div>
        <div class="col-lg-3 col-sm-6 col-xs-4"></div>
        <div class="col-lg-3 col-sm-6 col-xs-4"></div>
    </div>

Answer 1

按如下方式添加班级中心                                                                                

.center {
    width: 80%;
    margin: 0 auto;
}

Answer 2

使用container代替container-fluid。

Answer 3

我建议您使用 bootstrap 本身。

只需使用：

<div class="container">
  <div class="row">
    ....
  </div>
</div>

DEMO