[Vuejs]-Bootstrap-vue How do I change the size of the my cards header?

by

1👍

You can use "b-card-subtititle" instead

and it’s easy to change size

check document https://bootstrap-vue.org/docs/components/card

<b-card
  no-body
  style="max-width: 20rem;"
  img-src="https://placekitten.com/380/200"
  img-alt="Image"
  img-top
>
  <b-card-body>
    <b-card-title>Card Title</b-card-title>
    <b-card-sub-title class="mb-2" style="font-size: 12px">Card Sub Title</b-card-sub-title>
    <b-card-text>
      Some quick example text to build on the card title and make up the bulk of the card's
        content.
    </b-card-text>
  </b-card-body>
</b-card>
👤Qixiny

Leave a comment