如何在引导程序4中将卡片居中？

小编典典

css

我正在使用bootstrap 4 alpha3。我想在整个页面的中间水平放置卡片。

Preview / link:

我尝试了卡的bootstrap 4示例页面上列出的所有不同选项。

我该如何实现？

阅读 323

2020-05-16

共1个答案

小编典典

为.card添加CSS

.card {
        margin: 0 auto; /* Added */
        float: none; /* Added */
        margin-bottom: 10px; /* Added */
}

更新： 您可以使用.mx-auto引导程序4中可用的类来居中放置卡。

2020-05-16