如何在twitter bootstrap中的span9类div中设置2个相同宽度的div

时间:2013-02-21 09:44:53

标签: twitter-bootstrap

我想在span9类div中设置2个相同的宽度div,如下所示:

<div class="span9">

<!--i want these 2 div with same width -->
<div>
Content goes here
</div>

<div>
Content goes here
</div>

</div>
<!--span9 ends -->

实现这一目标的最佳做法是什么。

任何帮助都将受到高度赞赏。

1 个答案:

答案 0 :(得分:1)

使用row-fluid.我们可以在span9

中嵌入相等宽度的列

Jsfiddle with nested divs

<div class="row-fluid ">
<div class="span9">Span9
    <div class="row-fluid ">
        <div class="span6">Span 6</div>
        <div class="span6">Span 6</div>
    </div>
</div>
<div class="span3">Span 3</div>
</div>