引导. .row流体容器中的.row

Question

我希望能够将一个固定的跨div ( span1..span12)放置在一个..row流体容器中。

<div class="row-fluid">
<div class="span5 red">

    <div class="row">
         <div class="span3 gray">
             I need this to span exactly 300px, not 31% of its parent
        </div>
    </div>
</div>

<div class="span5 blue">
</div>

​

下面是正在工作的jsbin (遗憾的是，您需要放大输出窗格)--> http://jsbin.com/uwecuv/1/edit

在这种情况下，css选择器(..row fluid span3)优先。

你们知道我怎么能把“div.span 3. guys”的跨度提高到300 Do吗？

原因是，在实际场景中，它将是一个绝对定位的div，我不希望它继承父级的大小(顺便说一句，它只是一个带有输入框的div )。

谢谢!

Answer 1

引导网格系统的设计使得span3意味着元素的宽度=容器宽度的3/12 (row或row-fluid)。因此，如果您需要带有固定width=300px (而不是容器宽度的3/12 )的div，则需要在width=300px中使用您自己的css类。或者，您可以使用固定的布局，而不响应css。