如何在一起使用Bootstrap卡片？

Question

10

我想使用Bootstrap中的'class="card-group"'来使得四个卡片并排显示，但是我无法实现。

- Yohana

3

请在问题中发布代码！ - Carol Skelly

2个回答

19

你也可以使用Bootstrap的网格系统，创建一行并将其分割，例如：

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

更多细节请参见此处：网格系统 - Bootstrap

- Lalati

1

答案已经写好了，将其排成一行并分成列，链接被放置为语法参考，这不仅是一个链接答案。 - Lalati

做完了，没必要这么粗鲁，也不用给它一个负一分，无论如何还是谢谢！ - Lalati

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Rachel S · Accepted Answer

只需添加 .card {display:inline-block;} 以使它们在一行显示。