Selanjutnya kita akan mencoba membuat sebuah slider, slider sendiri adalah sebuah gambar yang lebih dari satu tetapi gambar tersebut di tampilkan satu persatu, lalu gambar selanjutnya akan di tampilkan secara otomatis tergantung dari pengaturan seberapa lama gambar yang akan tampil, oke jadi seperti apa cara cara membuat slider di Bootstrap Vue, simak terus ya teman-teman.

Jika teman-teman pernah membuat sebuah slider ini dari bootstrap caranya hampir sama ya teman-teman keuntunganya adalah dari pada kita menggunakan plugin yang lain alangkah enaknya kita gunakan langsung dari bootstrap vuenya, disamping kita tidak banyak menginstall plugin-plugin di website kita, jadi website kita tidak berat, oke langsung saja, caranya teman-teman bisa pilih component lalu pilih carousel, dan disini saya akan mencontohkan satu ya

oke contohnya ini saya masih menggunakan dari bootstrap ya teman-teman, caranya cukup mudah ya, teman-teman tinggal memasukan sebuah file gambarnya di img ya, bisa teman-teman lihat cara membuat sebuah slider atau carosule di bootstrap dan bootstrap vue itu berbeda ya, karena jika di bootstrap sendiri kita tinggal memasukan sebuah gambarnya saja, tetapi jika di bootstrap vue sendiri untuk memasukan gambar ada di sebuah attributenya. oke langsung saja ya untuk hasilnya:

cara membuat slider di Bootstrap Vue

silahkan teman-teman coba sendiri, jika teman-teman coba caranya cukup simple ko, yang penting jangan lupa install bootstrap vuenya dulu ya. Oke saya rasa cukup sampai disini belajar kita tentang cara membuat slider di Bootstrap Vue semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.

 

WhatsApp chat