twitter bootstrap 在流体配置中从跨度中删除排水沟答案

【问题标题】：twitter bootstrap remove gutter from span in fluid configurationtwitter bootstrap 在流体配置中从跨度中删除排水沟
【发布时间】：2014-01-19 12:17:34
【问题描述】：

我关注了这篇文章但没有成功：

https://github.com/twitter/bootstrap/issues/3445#issuecomment-5640392

我正在使用流体容器和行，我想去除跨度之间的排水沟。

为了获得没有左侧边距排水沟的跨度，我到底需要做什么？我使用了属性@fluidGridGutterWidth 设置为0的自定义构建。我什至手动添加到响应式和常规 css 文件中： @fluidGridGutterWidth: margin-left:0;!important; @gridGutterWidth: margin-left:0;!important;

仍然得到这个排水沟！！！！

请指教谢谢

【问题讨论】：

你运气好吗？我在这里遇到了同样的问题：stackoverflow.com/questions/13585121/… ...但没有运气解决它？
此问题已在 twitter bootstrap 2.2.0 自定义选项的自定义构建中修复，但我现在看不到这个，很奇怪，我想您需要手动编译较少的文件

标签： twitter-bootstrap

【解决方案1】：

更新自 2.1 起，响应式网格装订线可在 variables.less 文件 (see on github) 中编辑

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

首先，!important 必须在 ; 之前，例如 margin-left: 0!important;

其次，变量应该设置为值，而不是整个规则：

@fluidGridGutterWidth: 0;

函数也是如此（来自responsive-1200px-min.less文件的示例）

#grid > .fluid(8.547008547%, 0);

这个硬编码参数修改涉及多个响应文件。 （版本

【讨论】：

感谢您的回答。我应该设置@fluidGridGutterWidth: 0;在 bootstrap.css 和响应式 css 文件上？我确实做到了，但我仍然有边距：在 % 值中
您不必在响应文件中设置@fluidGridGutterWidth，您必须像我的示例一样将作为参数传递的值更改为#grid > .XXX(...)。第二个参数是间距宽度（用于静态、流体和输入网格）。如果您不了解响应式文件，则不应使用或自定义响应式设计。
再次感谢您的回答，例如，我在哪里更改 responsive-1200px-min.less？我可以从引导站点构建自定义文件，还是我需要编译 css 文件才能发生这种情况？谢谢
似乎有一个类是合适的，我们可以使用它来根据需要删除排水沟，就像使用 960 网格系统一样。我只想偶尔删除排水沟，而不是为我的整个网站。
@JBeckton 网格不支持，但您可以使用自己的类轻松覆盖边距：.myClass > [class*="span"] { ...!important }