将装订线添加到引导Flexbox网格

Question

I'm trying to add gutters to a Bootstrap 4 site. I'm also using enable-flexbox:true ;

I'm trying to achieve a look like http://designmodo.com/bootstrap-4-flexbox/ :

There are equal gutters on the bottom of each item, and to the right of each item.

My code is pretty simple:

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

and

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

However, this doesn't create gutters. All the blocks are connecting. I realize I can put block as a new div under .col-md-4, but that ruins flexbox responsiveness.

Answer 1

更改引导程序默认装订线大小的简单方法http://arnique.net/web-design/58/a-quick-guide-to-changing-bootstraps-gutter-width/