Ketika teman-teman pernah menggunakan sebuah bootstrap pasti tidak asing lagi ya dengan card ini, biasanya card ini digunkan untuk membuat kontent yang menjadi satu kesatuan misal ada sebuah gambar dan ada sebuah teks, dimana gambar dan teks itu ada satu info, kita bisa gunakan card ini, oke seperti apa cara membuat sebuah card di bootstrap vue, simak terus ya teman-teman.

Mungkin untuk penjelasan sebuah card saya rasa cukup ya di atas, oke jadi disini saya akan mencoba membagikan cara membuat sebuah card di bootstrap vue, karena terdapat beberapa model card yang ada di bootstrap vue ini yang pertama yang biasanya kita dapatkan di bootstrap itu biasanya seperti ini

cara membuat sebuah card di bootstrap vue

di attribute card:

  1. title: ntuk membuat titlenya
  2. img-src: untuk mensisipkan gambarnya
  3. img-top: teman-teman bisa mengatur letak gambar tersebut bisa img-top, img-left, img-right, img-button.
  4. overlay: untuk mengatur card-text itu ada di atas gambar.
  5. header, footer: untuk membuat info di tag tersebut misal header dan footer,
  6. header-tag/footer-tag =”header/footer”: untuk membuat tanda ini header dan footer

Dan jangan lupa disini kita juga bisa membuat sebuah group card ya, contohnya seperti ini

cara membuat sebuah card di bootstrap vue

ada ataribute deck itu berfungsi untuk memisahkan atau memberikan jarak ke card yang lain. kita juga bisa mengatur sebuah warnanya, teks warna, bahkan sebuah border itu sendiri, sebenarnya masih ada lagi ya, dan sebuah attributenya juga banyak teman-teman bisa lihat sendiri di bootstrapnya, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakaish.

WhatsApp chat