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

是否可以更改variables.less中的流体网格计算，使网格为流体，但排水沟的宽度是固定的

我已经看过计算，但不确定如何从每个流体跨度中去除30px的宽度

任何指向正确方向的指示都将不胜感激

---

干杯

检查您的

\u变量。少

文件-在文件底部，您应该能够编辑您要查找的内容

尝试以下两个链接，以了解计算：

希望这有点帮助

编辑：

这可能有助于：

假设您使用的宽度为940px，总排水沟为30px。计算940px的30px是

940到100%等于30到x%

->

x=3.191489361702128

那是你的排水沟

如果你使用12个水槽，你有11个水槽，它们使用330像素的空间，610像素留给你的水槽。因此，每个列应为

610px/12

->

50,8…px

。再次进行计算：

940到100%等于50,8到x%

->

x=6.170212765957447

当然，对其他两个（或更多）视口执行相同的操作

希望我是对的

计算示例：

（940px/100）=（30px/x）//与x相乘

（（940px*x）/100）=（30px）//与100相乘

（940px*x）=（3000px）//使用940px设备

x=（3000px/940px）//切割px

x=3.191489361702128

注意在变量中使用点
而不是逗号
，
。
另一种解决方案是：向元素中添加一个额外的类，如
。my xtra margin{margin left:30px；}
（确保在引导定义之后插入它）或直接作为样式定义添加到标记中

但是，我认为这总是会打乱您的布局，因为这些列需要可用宽度的特定百分比，并且使用固定的边沟，您可能会得到过多的边沟。谢谢，但这是我不完全理解的计算。Bootstrap似乎将整个非流体计算转化为一个百分比。但是我需要固定排水沟。我还尝试将
@fluidGridGutterWidth:
更改为
30px
但是之后，
.span6
变宽了186%，所以我觉得我不太懂计算对不起。检查我添加到答案中的链接。在阅读链接并为此工作了几个小时后，我仍然不明白如何完成这个抱歉-我的数学显然很糟糕。此外，我怀疑引导计算没有那么灵活，因为我需要将一列一分为二，而该列可能是
span9
——因此使用
行流体
和
span6
，但因为它是嵌套的，所以水槽不一样。是否有一个公式可以从百分比中删除固定的像素量？您可以尝试设置
$fluidGridGutterWidth:但保留原始行：）并且不要忘记
$fluidGridGutterWidthTablet
和
$fluidGridGutterWidthLarge
。