bootstrap .row在.row-fluid容器中

Question

我希望能夠在.row-fluid容器內放置固定的span div（span1..span12）。

<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.span3.gray'跨度為300px有任何想法嗎？

原因是在實際場景中它將是一個絕對定位的div，並且我不希望它繼承父級的大小（順便說一句，它只是帶有輸入框的div）。

謝謝！

Answer 1

設計Bootstrap網格系統時， span3表示元素的寬度為容器寬度的span3 （ row或row-fluid ）。 因此，如果您需要固定寬度為300px（而不是容器寬度的3/12）的div，則需要使用自己的寬度為300px的css類。 或者，您可以使用固定布局而不使用響應式CSS。