gpt4 book ai didi

bootstrap-5 - Bootstrap 5 卡片标题中的内容左右浮动不起作用

转载 作者:行者123 更新时间:2023-12-03 08:11:35 24 4
gpt4 key购买 nike

我有一张使用 Bootstrap 5 制作的卡片。

基本上,我试图在卡头左侧获得一个标题,在卡头右侧获得一组按钮,所以这就是我所做的:

<div class="card-header">
<div class="float-start">
<h3>title</h3>
</div>
<div class="float-end">
<button class="btn btn-primary">Add</button>
<button class="btn btn-primary">Edit</button>
</div>
</div>

由于某种原因,标题和按钮不在标题中。

如何使用 Bootstrap 5 正确执行此操作?

最佳答案

所有 card-* 类都需要直接父 card 类才能正常工作。将代码更改为:

<div class="card">
<div class="card-header">
<div class="float-start">
<h3>title</h3>
</div>
<div class="float-end">
<button class="btn btn-primary">Add</button>
<button class="btn btn-primary">Edit</button>
</div>
</div>
</div>

关于bootstrap-5 - Bootstrap 5 卡片标题中的内容左右浮动不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70664816/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com