改变Bootstrap元素的宽度

Question

所以，这是我的情况：

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

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

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

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

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

Answer 1

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

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

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

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