Question

我很害羞有人问过这个问题，但我无法想出一个好的表格来搜索:(无论如何。

查看以下代码：

<div class="container">
    <div class="row">
        <div class="span6">
            <div class="well">HELOO WORLD</div>
        </div>
        <div class="span6">
            <div class="well">
                some very long text here
            </div>
        </div>
        <div class="span6">
            <div class="well">HELOO WORLD</div>
        </div>
    </div>
</div>

Here一个jsfillde。有没有什么方法可以在第一个跨度后直接拉出第三个跨度？

谢谢，尼古拉斯

Answer 1

Put第三个div进入第一列：

<div class="container">
    <div class="row">
        <div class="span6">
            <div class="well">HELOO WORLD</div>
            <div class="well">HELOO WORLD</div>
        </div>
        <div class="span6">
            <div class="well">
                some very long text here
            </div>
        </div>
    </div>
</div>

Answer 2

您可以将CSS更改为每个span6 div浮动的方式。由于保留了默认浮点数，只需将浮点数右移到备用div即可。这个

[class="span6"]:nth-of-type(even) {
    float: right;
}

使用引导程序对齐列

2 个答案: