フレックスボックスグリッドにブートストラップを追加する

Question

ブートストラップ4サイトに溝を追加しようとしています。私もenable-flexbox:trueを使っています。

私はhttp://designmodo.com/bootstrap-4-flexbox/のような外観を実現しようとしている：

等しい雨どいは、各項目の下に、各項目の右側にあります。

私のコードは非常に単純です：

<div class='row'> 
    <div class='col-md-6 block'> 
    </div> 
</div> 

と

.block { 
    background: black; 
    height: 200px; 
} 

しかし、これは、雨どいを作成しません。すべてのブロックが接続しています。私は.col-md-4の下に新しいdivとしてブロックを置くことができるが、それはフレックスボックスの応答性を失うことを実感している。

Answer 1

ブートストラップのデフォルトのガターサイズ変更する簡単な方法 http://arnique.net/web-design/58/a-quick-guide-to-changing-bootstraps-gutter-width/