Twitter bootstrap中的半跨度

时间:2013-09-16 14:33:42

标签: twitter-bootstrap

我正在尝试使用twitter bootstrap构建页面,span和offset类工作非常顺利。但是我想知道有没有办法跨越twitter bootstrap的正常范围的一半而不会覆盖span类?

3 个答案:

答案 0 :(得分:5)

在Twitter Bootstrap< 2.3.2中,您可以在一个范围内创建流体行2 span6,因此2 span6将始终是父范围的一半。

<div class="span7">
    <div class="row-fluid">
         <div class="span6"></div>
         <div class="span6"></div>
    </div>
</div>

答案 1 :(得分:1)

为此,您需要使用流体布局。我想在span3 div中创建两个div的span6会给你两个span1.5 div:

这是因为每个嵌套级别的列应最多添加12列。

<div class="span3">
 <div class="span6>
    ....span1.5.....
 </div>
 <div class="span6>
    ....span1.5.....
 </div>
</div>  

在bootstrap中查看Fluid Nesting

答案 2 :(得分:0)

我认为在bootstrap2中,如果你想要一个例子1.5,你可以在一个span3里面有一个span6 ....

<div class="span3">
    <span class="span6">
             m 1.5
    </span>
</div>  

<div class="span1">
    <span class="span6">
             m 0.5
    </span>
</div>  

你怎么看?