Python 如何在bootstrap-5中保持三张卡在同一条线上？

我有一个用于循环的Django模板，它循环数据库中的前三张卡。但他们并不是站在同一条线上。只有两张是，但我要三张牌在同一条线上

{u_jaxes中jax的百分比|切片：“0:3”%}



HTML、CSS、JS
{{jax.date}创建于{timesince}年前
{%endfor%}

css

身体{
背景色：#F5；
}
#加上{
边界：无；
背景：无；
颜色：蓝色；
边框：1px实心#e6fa；
背景：#e6fa；
边界半径：5px；
文字装饰：无；
填充物：5px；
}
#加：悬停{
边界：无；
背景：无；
颜色：白色；
边框：1px实心#e6fa；
背景：1974D2；
边界半径：5px；
转化：4s；
}
#卡片{
宽度：214px；
}
#卡片2{
宽度：309px；
左边距：-8px；
}
#卡迪亚{
文字装饰：无；
字号：17px；
}
#看{
文字装饰：无；
字体大小：粗体；
显示：块；
边缘顶部：10px；
}
#img{
宽度：20px；
高度：20px；
边界半径：50%；
对象匹配：覆盖；
边缘底部：2px；
}
.行{
宽度：730px；
}
#sp{
边缘顶部：5px；
}

请注意，卡之间有特定的间距。我希望间距也一样，三张牌在同一条线上

对于css，我认为您需要关心的是

card2

内容，包括hover和all。我认为

行也是。就这样。你可以忽略其余的。但为了确保这一点，如果您愿意，您可以检查所有css。
签出-大约一半

引导行使用
display:flex
并将自动换行到下一行（如果空间不足），除非您使用
flex-wrap:no-wrap
等

<div class='flex-nowrap'>With Inline BootStrap</div>
OR
myDivInCSS {
  flex-wrap: no-wrap;
}

使用内联引导
或
MyDivingCSS{
柔性包装：无包装；
}

至于项目之间的间距-我假设您需要
调整内容：弹性行上的间距均匀
或
间距

您只需借助网格即可完成此操作。
只要做：


...
...
...



卡片标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
您需要删除Css中的这一行

.row{
宽度：730px；
}

并将
col-5
替换为
col-4
。那么它应该可以工作了
嗨，我真的不需要把你给的代码放在哪里。你能根据我的代码添加这个吗？意思是复制并粘贴我的代码到你的答案中，并在其中添加解决方案以供我理解。谢谢嗨，你能告诉我如何按照我的密码做吗？就像我在描述中说的那样。谢谢将第5列更换为第4列。那应该行了。嗨，我试过了，但它没有把两张牌均匀地放在同一行上，第三张牌仍然在另一行上。它不起作用了。你们有替代品吗？另外，我认为这可能是我的css的问题，你也想看看我的css吗？你正在使用引导，那么我为什么要寻找css？不，我的意思是，我只是想为引导卡设置宽度和高度，我使用了一些css。你想看吗？它可能有问题。但是你的解决方案不起作用。有替代品吗？