引导式无槽格栅系统不起作用

Question

I have found some code on internet on how to make bootstrap grid gutter lass. I am using bs v3.3.1 my code snippet is

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

and my implementation is :

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

i am using css only .. NO LESS or SASS

Answer 1

我认为最合适的方法是去引导自定义http://getbootstrap.com/customize/#grid-system并设置@ grid-gutter-width = 0，这样就不会有装订线。