.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 になります)。
ありがとう!