Html 引导卡：在右上角放置字幕

引导卡是否有任何内置功能，可以像这样在右上角放置字幕？否则，我将不使用引导卡选项，只使用常规css flex容器

理想目标：

现有引导功能：

我看到Bootstrap只允许在字幕直接位于标题下方时使用此选项

卡片标题
卡片字幕
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分

我没有直接在引导中找到任何这样的属性。但这可以通过覆盖引导的一些css来实现

您可以使用boostrap的

d-inline-block

样式使标题和副标题位于同一行，然后将副标题更改为向右浮动

卡片标题
卡片字幕
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分

我没有直接在引导中找到任何这样的属性。但这可以通过覆盖引导的一些css来实现

您可以使用boostrap的

d-inline-block

样式使标题和副标题位于同一行，然后将副标题更改为向右浮动

卡片标题
卡片字幕
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分

.card-subtitle.text-mute{
位置：绝对位置；
右：1.25em；
保证金：0；
顶部：2.25em；
背景：蓝色；
颜色：白色！重要；
填充：2px；
边界半径：5px；
字体大小：10px；
}

卡片标题
卡片字幕
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分

.card-subtitle.text-mute{
位置：绝对位置；
右：1.25em；
保证金：0；
顶部：2.25em；
背景：蓝色；
颜色：白色！重要；
填充：2px；
边界半径：5px；
字体大小：10px；
}

卡片标题
卡片字幕
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分

利用Flex容器和

.flex容器{
显示器：flex；
证明内容：之间的空间；
}
.卡片{
边框宽度：1px；
边框样式：实心；
边框颜色：黑色；
}

卡片标题卡片字幕
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分

利用Flex容器和

.flex容器{
显示器：flex；
证明内容：之间的空间；
}
.卡片{
边框宽度：1px；
边框样式：实心；
边框颜色：黑色；
}

卡片标题卡片字幕
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分

谢谢！字幕看起来有点高，怎么才能把它弄清楚一点呢？请现在检查一下。谢谢，你能帮我复习一下答案吗？看起来我的类太多了，但我想在一个类中继承bootstrap属性和flex容器属性，谢谢！字幕看起来有点高，怎么才能把它弄清楚一点呢？请现在检查一下。谢谢，你能帮我复习一下答案吗？似乎我有太多的类，但我想在其中继承bootstrap属性和flex容器属性，Thanksubtitle似乎有点高，无论如何要理顺它吗？谢谢通过使用top和padding，我看到了两个css类：`.card subtitle{位置：绝对；右：1.25em；边距：0；top:0px；padding top:1.75em；}subtitle看起来有点高，不管怎么说，要解决这个问题吗？谢谢通过使用top和padding，我看到了两个css类：`.card subtitle{位置：绝对；右侧：1.25em；边距：0；top:0px；padding top:1.75em；}

<div class="card" style="width: 18rem;">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    <a href="#" class="card-link">Card link</a>
    <a href="#" class="card-link">Another link</a>
  </div>
</div>