html - 在 bootstrap 中需要 12 列时居中 div

Question

我在 Bootstrap 行中有一个元素。该元素在屏幕的 xs、sm、md 和 lg 配置上采用不同数量的列。当需要 12 列时，我需要元素位于中间。是否可以？如果是这样，我该怎么做？ 例如:

<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
    SOME TEXT
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
    SOME TEXT
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
    SOME TEXT
</div>

如果我将行放入一个流动的 div 中，我希望元素始终位于中间，但是当我将浏览器缩小到 sm 配置时，它会使一个元素本身占用 12 列，因此我相对于左侧巨大的差距在右侧。

Answer 1

哦!在那里我想到了这个想法，它似乎成功了。我只是向带有列的元素添加了一些 css:

margin:0 auto;

代码所做的实际上是将元素居中放置在它们的列中。