twitter bootstrap 在流体配置中从跨度中移除装订线 [英] twitter bootstrap remove gutter from span in fluid configuration

问题描述

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

I have followed this post with no success:

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

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

i'm using fluid container and row, and i want to remove the gutters between spans.

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

what exactly do i have to do in order to get spans with no margin-left gutter? i have used the custom build with property @fluidGridGutterWidth set to 0. i have even manually added to both responsive and regular css files: @fluidGridGutterWidth: margin-left:0;!important; @gridGutterWidth: margin-left:0;!important;

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

still get this gutters!!!!

请指教谢谢

推荐答案

更新 自 2.1 起，响应式网格装订线可在 variables.less 文件(参见 github)

Update Since 2.1 the responsive grid gutters are editable in the variables.less file (see on github)

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

---

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

---

First, the !important must be before the ; like margin-left: 0!important;

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

Secondly, variables should be set with values, not entire rules :

@fluidGridGutterWidth: 0;

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

The same goes in functions (example from responsive-1200px-min.less file)

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

此硬编码参数修改涉及多个响应文件.(版本 <2.1 - 请参阅更新)

Several responsive files are concerned by this hardcoded parameter modification. (version < 2.1 - see update)

这篇关于twitter bootstrap 在流体配置中从跨度中移除装订线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！