將天溝添加到自舉flexbox網格

Question

我試圖添加天溝到Bootstrap 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; 
} 

但是，這不會產生排水溝。所有的塊都正在連接。我意識到我可以把塊作爲一個新的div在.col-md-4下，但是這會破壞flexbox的響應能力。

Answer 1

改變引導的默認排水溝規模的簡單方法 http://arnique.net/web-design/58/a-quick-guide-to-changing-bootstraps-gutter-width/