引導中的流體網格系統

Question

我目前正在閱讀有關Bootstrap的書，出版物O'REILLY

似乎嵌套一個流體網格有點不同：由於我們使用百分比，因此每一行會將列數重置為12。例如，如果您在Span8 ，而不是兩個span4元素將內容分為兩半，則可以使用兩個span6 divs （請參見流體網格系統| 5圖1-4）。

響應式內容就是這種情況，因為我們希望內容填充容器的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>

我的問題是 ，為什么我們不應該滿足於使用span6兩個span4來填充100％的容器？

Answer 1

由於網格跨度寬度是根據整個網格寬度計算的，而不是所討論元素的父跨度。

想象一下您有3或4級嵌套的情況。 寬度計算將變得非常復雜。 通過使所有內容都相對於網格的外部結構，可視化和CSS本身都得以簡化。