twitter-bootstrap - Bootsrap3 行列ガター崩壊

Question

Twitter Bootstrap3 の列を折りたたむ方法はありますか?

列のガター パディングを削除するには、Zurb Foundation で以下を使用できます。

<div class="row collapse">
    <div class="large-6 columns"></div>
    <div class="large-6 columns"></div>
</div>

Twitter Bootstrap でこれをどのように達成できますか?

<div class="row">
    <div class="col-md-6"></div>
    <div class="col-md-6"></div>
</div>

Answer 1

正しい方法:

.no-gutter {
    margin-left: 0;
    margin-right: 0;    
}

.no-gutter > [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}

HTML:

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