html - 更改 Bootstrap 元素的宽度

Question

所以，这是我的情况：

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

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

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

我应该怎么做？如果我去定制怎么办？我应该编辑哪个变量，以便替代 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);