-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 列网格rowrow-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%浏览器的宽度。嵌套行将其宽度计span8100%,因此您可以使用嵌套span12span6+span6

我希望这很清楚。

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