1

だから、ここに私の状況があります：

  • Twitter Bootstrap を使用して Web サイトを構築しました。
  • 主なデザインは、とりわけ、左側のサイドバー ( span3) とメイン コンテンツ ( span9) で構成されます。

今、ブロックに 728 x 90 の AdSense リーダーボード広告を収めようとしていますが、利用可能なブロックよりも少し大きいspan9ことに気付きました。

そこで、グリッド システム全体のサイズを変更する (= グリッド列の幅を数ピクセル増やす) ことを考えています。

どうすればいいですか？行ってカスタマイズするとどうなりますか? 代替 CSS が既存の .csv のドラッグ アンド ドロップの代替となるように、どの変数を編集する必要がありbootstrap.cssますか?

最後になりましたが、1001 もの異なる CSS オプションを微調整しなくても機能しますか?

4

1 に答える 1

1

The three variables below control the gutter (spacing between columns) in the Bootstrap grid. The defaults are shown below (taken out of variables.less. Make these values smaller to make the columns (span*) themselves wider.

@gridGutterWidth:          20px;
@gridGutterWidth1200:      30px;
@gridGutterWidth768:       20px;

The fluid grid calculates it's values from the above variables too:

@fluidGridGutterWidth:     percentage(@gridGutterWidth/@gridRowWidth);
@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
@fluidGridGutterWidth768:  percentage(@gridGutterWidth768/@gridRowWidth768);
于 2013-05-07T09:03:57.123 に答える