html - 使用引导程序对齐列

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>

这里有一个jsfillde。有什么办法可以拉起第三个跨度直接在第一个跨度之后出现？

谢谢， 尼克拉斯

Answer 1

将第三个 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;
}