5

私が使う

<div id="windows">
    <div class="row-fluid">
        <div class="span4 mywindow">Text</div>
        <div class="span4 mywindow">Text</div>
        <div class="span4 mywindow">Text</div>
    </div>
</div>

特殊な幅の div #windows 内。

これら 3 つのブロックの間のデフォルトの 20px スペースを縮小したいと考えています。

これらのCSSコード

#windows .span4
{
    margin-right:-10px;
}

ブロック間に適切なスペースを設定しますが、各ブロックは同じ幅を維持するため、合計幅は親 div の 100% 未満になります (右側のスペースがあります)。

を使用してブロックの幅を変更することで修正できます!important。したがって、修正は

#windows .span4
{
margin-right:-10px;
width:180px !important;
}

質問は次のとおりです。非常に難しい修正が必要な場合、ウィンドウに Twitter Bootstrap span4 クラスを使用することは理にかなっていますか?

つまり、Twitter Bootstrap スパン クラスの margin-right と width の両方を修正するのは良い習慣ですか、それともブロックを修正するためのより単純でより良い解決策がありますか? PS Twitter Bootstrap は、ページの別の目的にも使用されます (私の場合、span4 が Twitter Bootstrap を使用する唯一の理由ではありません)。

4

2 に答える 2

7

列間の側溝の幅を変更しようとしています。これを行う最も簡単な方法は、ダウンロードする前にBSビルドをカスタマイズすることです。

http://twitter.github.com/bootstrap/customize.html#variables

そこで値を変更@gridGutterWidthし（固定レイアウトの場合）、ビルドをダウンロードします。

于 2012-08-01T12:35:22.060 に答える