html - 将装订线添加到 bootstrap 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;
}

但是，这不会产生排水沟。所有的 block 都在连接。我意识到我可以将 block 作为新的 div 放在 .col-md-4 下，但这会破坏 flexbox 的响应能力。

Answer 1

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