bootstrap3 ガター0 溝無し

https://codepen.io/vipcrew/pen/bIcJC

 

<div class=”container”>
<div class=”row no-gutter”>
<h4>ガター溝なし</h4>
<div class=”col-sm-4″>
<a href=”#” class=”btn btn-block btn-primary”>フルサイズボタン</a>
</div>
<div class=”col-sm-4″>
<a href=”#” class=”btn btn-block btn-primary”>フルサイズボタン</a>
</div>
<div class=”col-sm-4″>
<a href=”#” class=”btn btn-block btn-primary”>フルサイズボタン</a>
</div>
</div>

 

 

/*======================================
= ガター溝なしスタイリング =
======================================*/
.no-gutter > [class*=’col-‘] {
padding-right:0;
padding-left:0;
}