Hinzufügen von Gutter zu bootstrap flexbox grid

Question

Ich versuche, Dachrinnen zu einer Bootstrap 4 Website hinzuzufügen. Ich benutze auch enable-flexbox:true;

Ich versuche, einen Look wie http://designmodo.com/bootstrap-4-flexbox/ zu erreichen:

Es gibt gleich Rinnen auf dem Boden jedes Element, und rechts von jedem Element.

Mein Code ist ziemlich einfach:

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

und

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

Daraus folgt jedoch nicht Gossen. Alle Blöcke verbinden sich. Ich weiß, dass ich Block als neues div unter .col-md-4 setzen kann, aber das ruiniert Flexbox Reaktionsfähigkeit.

Answer 1

Eine einfache Methode der Standard Gosse Größe http://arnique.net/web-design/58/a-quick-guide-to-changing-bootstraps-gutter-width/