jquery - Bootstrap Center col-sm div inside row 类

Question

我正在使用 Bootstrap ，并且有一行包含动态数量的 col-sm-3 div。我希望它能在行内让 col-sm-3 div 居中，而不是左对齐

这里是一些示例代码:

<div class="custom-fields row custom-field-output">
    <div class="row">
        <div class="col-sm-3">
             content 1
        </div>
        <div class="col-sm-3">
             content 2
        </div>
    </div>
 </div>

我想让两个 col-sm-3 div 在行 div 内水平居中。

Answer 1

试试这段代码:

<div class="custom-fields row custom-field-output">
    <div class="row col col-sm-12">
        <div class="col col-sm-3 col-offset-3">
             content 1
        </div>
        <div class="col col-sm-3 ">
             content 2
        </div>
    </div>
 </div>