html - 如何将文本放在卡片组上方？

我的代码是:

<div class="card-deck test">
    <div class="card-group mx-auto test2">
        <div class="d-flex align-items-start overviewHeader">
            <h2>Überblick</h2>
        </div>
        <div class="card overviewCard text-center">
            <div class="card-body align-items-center d-flex">
                <div>
                <!-- Content here -->
                </div>
            </div>
        </div>
        <!-- More cards here -->
    </div>
</div>

CSS 类 test、test2 只是显示边框，类 overviewHeader 用于设置标题样式，类 overviewCard 为卡片设置样式。
如何将标题放在卡片组的上方和开头，就像在第一张引用图片中一样。

谢谢你的建议。

最佳答案

你有一个 flexbox 属性 <div class="d-flex align-items-start overviewHeader">从 Bootstrap 包装 <h2>Überblick</h2> .

这就是导致它内联的原因。

取<h2>Überblick</h2>从那些div中。把它放在上面。

关于html - 如何将文本放在卡片组上方？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57190635/