twitter-bootstrap - Bootstrap : seven same size columns in two rows

Question

关于如何使每一列的大小保持相同但使第二行居中的任何想法...

(换句话说，创建一个 1.5 列)

<div class="container""
    <div class="row">
        <div class="col-sm-3">
            1
        </div> <!-- close .col -->
        <div class="col-sm-3">
            2
        </div> <!-- close .col -->
        <div class="col-sm-3">
           3
        </div> <!-- close .col -->
        <div class="col-sm-3">
            4
        </div> <!-- close .col -->
    </div><!-- close .row-->
    <div class="row">
        <div class="col-sm-3 col-sm-offset-1">
            5
        </div> <!-- close .col -->
        <div class="col-sm-3">
            6
        </div> <!-- close .col -->
        <div class="col-sm-3">
            7
        </div> <!-- close .col -->
    </div><!-- close .row-->
</div><!-- close container -->

Answer 1

由于您基本上是按 1.5 进行偏移，因此您可以像这样创建自己的偏移类:

.col-sm-offset-1point5 {
    margin-left: 12.5%;
}

请注意，12.5% 是行宽的八分之一，即 1.5 列偏移量。现在将它应用于第二行的第一列(将 col-sm-offset-1 替换为 col-sm-offset-1point5)

这里的例子: http://www.bootply.com/1rBTZPGsYu