javascript - .row-fluid コンテナ内のブートストラップ .row

Question

.row-fluidコンテナー内に固定スパン 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 になります)。

ありがとう！