Twitter bootstrap - 流体网格的计算较少，但固定的30px排水沟

Question

是否可以在变量中更改流体网格计算，以使网格流畅，但排水沟的宽度是固定的？

我查看了计算但不确定如何从每个流体跨度中移除30px的宽度。

任何指向正确方向的人都会非常感激。

干杯

Answer 1

检查您的_variables.less文件 - 您可以在文件底部编辑您要查找的内容。

试试这两个链接，了解计算结果：

bootstrap fluid row width

http://coding.smashingmagazine.com/2009/06/09/smart-fixes-for-fluid-layouts/

希望这有点帮助。

修改

这可能会有所帮助：

http://en.wikipedia.org/wiki/Cross-multiplication

假设您使用的是940px的宽度，以及30px的整体装订线。进行计算30px的940px是......

940 to 100% equals 30 to x% - ＆gt; x = 3.191489361702128这就是你的阴沟。

如果你使用12个cols你有11个水槽，他们使用330px的空间，610px留给你的cols。所以每个col应该是610px / 12 - ＆gt; 50,8...px。再次，做计算：

940 to 100% equals 50,8 to x% - ＆gt;每列x = 6.170212765957447。

当然，对其他两个（或更多）视口也一样。

希望我对此...

计算示例：

(940px / 100) = (30px / x) // multiply with x - ＆gt;

((940px * x) / 100) = (30px) // multiply with 100 - ＆gt;

(940px * x) = (3000px) // devide with 940px - ＆gt;

x = (3000px / 940px) // cutting the px

x = 3.191489361702128

注意在你的变种中使用点.而不是逗号,。

Answer 2

另一个解决方案是：为你的元素添加一个额外的类，比如.my-xtra-margin { margin-left: 30px; }（确保在引导定义之后插入它）或者直接作为样式定义添加到你的标记中。

但是，我认为这将总是弄乱您的布局，因为列需要可用宽度的某些百分比，并且使用固定的装订线，您最终可以使用too much。