如何使用彼此相邻的自举卡？

Question

我在引导程序中使用'class =“card-group”'使四张牌相互出现或者像一排一样出现在一起，但我无法做到。

Answer 1

你也可以使用bootstrap的网格，划一行并除以它，例如：

<div class="row">
    <div class="col-sm-6">Card 1</div>
    <div class="col-sm-6">Card 2</div>
</div>

有关详细信息，请参阅此处：Grid system - Bootstrap

Answer 2

只需添加.card {display:inline-block;}即可将其显示在一行中。

这是根据文档的正式方式：https://v4-alpha.getbootstrap.com/components/card/#card-columns

Answer 3

实际上，有一些内置的引导程序！如果您使用“ row”类，它将被连续放置！

<div class="row">
Card
Card
</div>