如何彼此相邻使用引导卡？

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>

有关更多详细信息，请参见此处：网格系统-Bootstrap

Answer 2

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