html - 更改 Bootstrap 元素的宽度

Question

所以，这是我的情况:

• 我使用 Twitter Bootstrap 建立了一个网站。
• 除其他外，主要设计包括左侧边栏 (span3) 和主要内容 (span9)。

现在，我尝试在 span9 block 中放置一个 728 x 90 AdSense 排行榜广告，然后 - 你猜怎么着 - 我注意到它比可用 block 稍微大.

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

我该怎么办？如果我去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);