bootstrap no-gutter网格系统无法正常工作

Question

我在互联网上找到了一些关于如何制作自举网格天沟的代码。 我正在使用bs v3.3.1 我的代码片段是

.row.no-gutter{
     margin-left:0px !important;
     margin-right:0px !important;
}
.no-gutter > [class*='col-'] {
     padding-right:0;
     padding-left:0;
 }

我的实施是：

<div class="row no-gutter">
   <div class="col-md-4">
    ...
   </div>
   <div class="col-md-4">
    ...
   </div>
   <div class="col-md-4">
    ...
   </div>
 </div>

我只使用css .. NO LESS或SASS

Answer 1

我认为最合适的方法是去bootstrap自定义http://getbootstrap.com/customize/#grid-system并设置@ grid-gutter-width = 0，这样你就不会有天沟填充。