Bootstrap 4 - 多排卡没有正确响应

【问题标题】：Bootstrap 4 - Multi row cards are not responsive correctlyBootstrap 4 - 多排卡没有正确响应
【发布时间】：2017-02-15 22:09:20
【问题描述】：

我试图让我的卡片行响应一些边距，但是当我将margin:5px; 应用于我的卡片时，行溢出。它们未正确对齐在中心。卡片的右侧还有一些空间。我怎样才能使它们在中心正确对齐？

【问题讨论】：

【解决方案1】：

您需要将内边距和边距放在col-* 标记内。在里面创建一个带有卡片类的div，而不是将卡片类放在同一个div中。

<div class="col-xs-12 col-md-6 col-lg-3">
    <div class="card">
        // contents of card...
    </div>
</div>

【讨论】：