javascript - 使用 Bootstrap 以 "row"内容为中心

Question

我无法将内容置于“行”的中心，example 中的按钮总是在左边，而我右边的空间太多了。

有没有办法让这个按钮居中？

谢谢 托马斯

<div class="abc">
<div class="row red show-grid">
    <div class="span2 btn">a</div>
    <div class="span2 btn">b</div>
    <div class="span2 btn">c</div>
    <div class="span2 btn">d</div>
    <div class="span2 btn">e</div>
</div>

Answer 1

span2 类具有属性 float:left:

<div class="block">
    <div class="row show-grid">
        <div class="span2 btn">a</div>
        <div class="span2 btn">b</div>
        <div class="span2 btn">c</div>
        <div class="span2 btn">d</div>
        <div class="span2 btn">e</div>
    </div>
</div>

CSS:

.block {
    max-width: 500px;
}
.block > div {
    text-align:center;
}
.block > div > div {
    float:none; 
}

我会考虑不将 span2(布局和网格类)与 btn(按钮样式类)一起使用。