html - bootstrap no-gutter 网格系统不工作

Question

我在互联网上找到了一些关于如何制作 bootstrap grid gutter lass 的代码。 我正在使用 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 customize http://getbootstrap.com/customize/#grid-system并设置 @grid-gutter-width=0 这样你就不会有装订线填充了。