-1

私は誰かが以前にこれを尋ねたことを確信していますが、検索するための良い定式化を思いつくことができませんでした:(. とにかく。

次のコードを見てください。

<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 があります。3 番目のスパンをプルアップして、最初のスパンの直後に来る方法はありますか?

ありがとう、ニクラス

4

2 に答える 2

0

CSS を変更して、各 span6 div フロートを交互に切り替えることができます。デフォルトの float は left であるため、代わりの div に float right を適用するだけです。これ

[class="span6"]:nth-of-type(even) {
    float: right;
}
于 2013-01-25T12:50:41.967 に答える
0

3 番目の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>
于 2013-01-25T09:48:52.520 に答える