0

我目前正在阅读一本关于 Bootstrap 的书，O'REILLY 出版物

嵌套流体网格似乎有点不同：由于我们使用百分比，每行将列数重置为 12。例如，如果您在 a 内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>

我的问题是，为什么我们应该满足于填充 100% 的容器span4而不是使用两个？span6

4

1 回答 1

0

因为网格跨度宽度是根据整个网格宽度计算的，而不是相关元素的父跨度。

想象一个场景，你有 3 或 4 层嵌套。宽度计算会变得非常复杂。通过保持与网格外部结构相关的所有内容，可视化和 CSS 本身都保持简化。

于 2013-07-15T15:22:00.540 回答