改变Bootstrap元素的宽度

时间:2013-05-07 08:51:18

标签: html css twitter-bootstrap

所以,这是我的情况:

  • 我使用Twitter Bootstrap构建了一个网站。
  • 主要设计 - 包括左侧边栏(span3)和主要内容(span9)。

现在,我正在尝试在span9区块中放置一个728 x 90的AdSense排行榜广告 - 猜猜是什么 - 我注意到它的略微大于可用区块。

所以,我正在考虑重新调整整个网格系统的大小(=将网格列宽增加一些像素)。

我应该怎么做?如果我去Customize怎么办?我应该编辑哪个变量,以便替代CSS仍然是现有bootstrap.css的拖放替代?

而且,最后但并非最不重要的是:它是否可以在不调整1001个不同的CSS选项的情况下工作?

1 个答案:

答案 0 :(得分:1)

以下三个变量控制Bootstrap网格中的装订线(列间距)。默认设置如下所示(从variables.less中取出。将这些值设置得更小,使列(span*)本身更宽。

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

流体网格也会根据上述变量计算它的值:

@fluidGridGutterWidth:     percentage(@gridGutterWidth/@gridRowWidth);
@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
@fluidGridGutterWidth768:  percentage(@gridGutterWidth768/@gridRowWidth768);