0

現在、Bootstrap に関する本を読んでいます。Publications O'REILLY

流体グリッドのネストは少し異なるようです: パーセンテージを使用しているため、各行は列数を 12 にリセットします。たとえば、コンテンツを半分に分割するSpan82 つの要素ではなく、(Fluid Grid System | 5 図 1-4 を参照)。span4span6 divs

これはレスポンシブ コンテンツの場合で、コンテンツがコンテナーの 100% を占めるようにするためです。

<div class="row-fluid">

    <div class="span8">
        level 1 of column
        <div class="row">
            <div class="span6">
                Level 2
            </div>
            <div class="span6">
                Level 2
            </div>
        </div>
    </div>
</div>

私の質問はspan4、なぜ 2 つを使用する代わりにspan6、コンテナーの 100% を満たすことに満足しなければならないのでしょうか?

4

1 に答える 1

0

グリッド スパン幅は、問題の要素の親スパンではなく、グリッド幅全体に基づいて計算されるためです。

3 つまたは 4 つのレベルの入れ子があるシナリオを想像してみてください。幅の計算は非常に複雑になります。すべてをグリッドの外部構造に相対的に維持することで、視覚化と CSS 自体の両方が簡素化されたままになります。

于 2013-07-15T15:22:00.540 に答える