-1

TB 使用 12 列网格系统。当一个人在一个中嵌套一行时，比如说，span8像这样：

<div class="span8">
   <div class="row-fluid">
      <!-- what's the total of the span* here? -->
   </div>
</div>

嵌套行中的 span* 的总数应该是多少？应该是 8 因为容器是 8 吗？还是应该是 12，因为 TB 使用 12 列网格（这意味着它在每个容器中都制作了 12 列网格row，row-fluid无论容器如何）？

4

2 回答 2

3

如果你使用普通.row的，你不应该超过span包装器的，否则块会溢出。

如果你使用 a.row-fluid你应该总是加起来 12 来占据整个父级。

像这样的东西：

<div class='row'>
    <div class='span8'>
        <div class='row'>
            <div class='span8'>do not exceed span of parent (8)</div>
        </div>
        <br/>
       <div class='row-fluid'>
            <div class='span12'>always go to 12!</div>
        </div>
    </div>
</div>

和一个小提琴：http: //jsfiddle.net/2VF6B/

于 2013-06-29T22:35:06.433 回答
1

流体或固定布局是不同的。

如果您span8在固定布局中使用，那么它总是相同的宽度 - 770px。嵌套行最多应该有 8 列，所以我们说span6+span2or span4+span4。

Fluid layout - span8，那么它总是66,66%浏览器的宽度。嵌套行将其宽度计span8为100%，因此您可以使用嵌套span12或span6+span6。

我希望这很清楚。

于 2013-06-29T22:36:10.667 回答