Twitter bootstrap 小于12列时，将多个引导列居中

我如何确保这些引导列始终居中，即使只有两个引导列？

将

行中心

类添加到行中，并将

列中心

添加到col-md-3中，方法如下：

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

.世界其他地区中心{
文本对齐：居中；
}
上校中心{
显示：内联块；
浮动：无；
}

---

从引导4开始

此功能已添加

您可以使用此类：

justify资源中心

因此，您的代码应该如下所示：

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

两列中的一列
两列中的一列

检查引导程序文档：

<div class="container">
  <div class="row justify-content-center">
    <div class="col-4">
      One of two columns
    </div>
    <div class="col-4">
      One of two columns
    </div>
  </div>
</div>