使用 Boostrap-Vue 时如何对齐卡片标题

Question

我正在使用 boostrap-vue 的 <b-card> 并遇到一个问题，我似乎无法将标题道具居中对齐。有人知道这样做的好方法吗？下面是我的卡片内容，有一个动态标题，img-src，还有sub-text（实际上是center-aligned，与标题不同）：

    <b-card
      :title="obj.name"
      :img-src="mainImage()"
      img-alt="project info"
      img-top
      tag="article"
      style="max-width:30rem"
      bg-variant="dark"
      text-variant="white"
      class="mb-3 text-center"
    >
    <a class="subtext card-block stretched-link text-decoration-none" :href="endpoint()">
       {{ obj.subtext }}
    </a> 
    </b-card>

Answer 1

在b-card内使用b-card-title。

<b-card-title class="text-center">{{obj.name}}</b-card-title>