我是新的Bootstrap vue，并嘗試使用b卡標題將圖像向右對齊。我試著用span或。模板頭的大小是完美的，直到我添加圖像，圖像也顯示了一點下，但它是在右邊。這是我的筆。你能提供的任何幫助都是非常好的。

https://codepen.io/tone373/pen/JjeYazG

<b-card header-tag="header">
  
  <template #header>
    <h4>b-img</h4>
    <b-img right src="https://picsum.photos/125/125/?image=58" alt="Right image"></b-img>
  </template>

   </b-card>

你可以使用自舉網格系統:

<b-card header-tag="header">
  <template #header>
    <b-row align-h="between" class="align-items-center">
      <h4 class="mb-0">b-img</h4>
      <b-col cols="auto">
        <b-img right src="https://picsum.photos/125/125/?image=58" alt="Right image"></b-img>
      </b-col>
    </b-row>
  </template>
</b-card>

帶有align-h = & quot；介于& quot水平對齊元素，元素之間留有間距。& lth4 & gt圖像放在第一列和第二列中，cols = & quot自動& quot在b-col中自動調整寬度。