更改 Bootstrap 元素的宽度答案

【问题标题】：Changing Bootstrap elements' width更改 Bootstrap 元素的宽度
【发布时间】：2013-05-07 17:03:57
【问题描述】：

所以，这是我的情况：

我已经使用 Twitter Bootstrap 构建了一个网站。
主要设计 - 除其他外 - 由左侧边栏 (span3) 和主要内容 (span9) 组成。

现在，我正在尝试在 span9 块中放置一个 728 x 90 AdSense 排行榜广告 - 你猜怎么着 - 我注意到它比可用块略大。

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

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

最后但并非最不重要的一点是：无需调整 1001 个不同的 CSS 选项就可以工作吗？

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

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

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

流体网格也根据上述变量计算其值：

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

【讨论】：