twitter-bootstrap - 当小于 12 col 时将多个 Bootstrap 列居中

Question

<div class="row">
    <div ng-repeat="tile in tiles" class="col-md-3"></div>
</div>

如何确保这些 Bootstrap 列始终居中，即使只有 2 个？

Answer 1

添加 row-center到行和 col-center 的类以这种方式到 col-md-3 :

<div class="row row-center">
  <div ng-repeat="tile in tiles" class="col-md-3 col-center"></div>
</div>

.row-center {
  text-align:center;
}

.col-center {
  display:inline-block;
  float:none;
}

Bootply Demo