Css 如何将两张引导卡相邻放置

我想将这两张卡彼此相邻（水平）放置，但目前它们是垂直对齐的。也就是说，我想把标题1卡放在标题2卡的旁边，即使我使用了一些边距，但它只在同一个位置水平移动，而不是垂直移动

<div class="card" style="width: 20rem;">
    <img class="card-img-top" src="..." alt="Card image cap">
    <div class="card-body">
            <h5 class="card-title">Heading 1</h5>
            <p class="card-text">some text</p>
            <a href="#" class="btn btn-primary">a button</a>
    </div>
</div>

<div class="card" style="width: 20rem;">
    <img class="card-img-top" src="..." alt="Card image cap">
    <div class="card-body">
            <h5 class="card-title">Heading 2</h5>
            <p class="card-text">some text</p>
            <a href="#" class="btn btn-primary">a button</a>
    </div>
</div>

标题1
一些文本
标题2
一些文本

您可以使用Bootstrap的网格来实现这一点：

标题2
一些文本

您可以使用Bootstrap的网格来实现这一点：

标题2
一些文本

将它们都包装在一个div中并使用“Display:flex”。将它们包装在一个div中并使用“Display:flex”。谢谢，我是前端新手，您能否再帮我一个问题，如何更改高度和应用填充？@Mayank您可以根据您的要求提供高度。如果要将卡与网格中心对齐，请使用

class=“d-flex justify content center”

。请考虑接受我的回答，如果它帮助了你一个更多的问题，我怎么可以申请边界卡？我用过这个，但它和卡片的左上角（高度和宽度）一样，即使在增加了高度和宽度之后，右边和下边都是无边界的谢谢，我是新来的前端，你能再帮我一个问题吗？我如何更改高度和应用填充？@Mayank你可以根据你的要求给出高度。如果要将卡与网格中心对齐，请使用

class=“d-flex justify content center”

。请考虑接受我的回答，如果它帮助了你一个更多的问题，我怎么可以申请边界卡？我用过这个，但它和卡片的左上角一样（在高度和宽度上），即使在增加了高度和宽度之后，右边和下边也是无边界的