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

Question

我想在 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 -->

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

任何帮助将不胜感激。

Answer 1

使用row-fluid.我们可以在里面嵌套等宽的列span9

带有嵌套 div 的 Jsfiddle

<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>