twitter-bootstrap - Twitter ブートストラップのハーフスパン

Question

Twitter ブートストラップを使用してページを作成しようとしていますが、スパン クラスとオフセット クラスは非常にスムーズに動作します。しかし、スパンクラスをオーバーライドせずに、Twitterブートストラップで通常のスパンの半分にまたがる方法があるのではないかと思っていましたか?

Answer 1

Twitter Bootstrap <2.3.2 では、スパン内とその内部に 2 つのスパン 6 で流動的な行を作成できるため、2 つのスパン 6 は常に親スパンの半分になります。

<div class="span7">
    <div class="row-fluid">
         <div class="span6"></div>
         <div class="span6"></div>
    </div>
</div>

Answer 2

そのためには、流動的なレイアウトを使用する必要があります。span3 div 内に span6 の 2 つの div を作成すると、2 つの span1.5 div が得られると思います。

これは、ネストされた列のレベルごとに最大 12 列を追加する必要があるためです。

<div class="span3">
 <div class="span6>
    ....span1.5.....
 </div>
 <div class="span6>
    ....span1.5.....
 </div>
</div>  

ブートストラップのFluid Nestingを確認してください。

Answer 3

たとえば、スパン 1.5 が必要な場合は、ブートストラップ 2 で、内部にスパン 6 を含むスパン 3 を使用できます。

<div class="span3">
    <span class="span6">
             m 1.5
    </span>
</div>  

また

<div class="span1">
    <span class="span6">
             m 0.5
    </span>
</div>  

あなたはそれについてどう思いますか ？