Bootstrap dropdowns
Hai
sobat, pada hari ini saya akan membahas mengenai
bootsrap
dropdowns dan bootstrap collapse. Sebelumnya, anda pasti sudah mengetahui bahwa
file bootstrap dapat didownload dan digunakan dengan cara memanggil class. Dan
disini, kita akan membahas apa itu bootstrap dropdown. Apa itu dropdown? Dropdown adalah sebuah menu yang memungkinkan
pengguna agar dapat memilih salah satu nilai dari daftar yang tersedia. Kita dapat memanggil class “dropdown-toggle”
seperti contoh codingan di bawah ini:
Maka dari codingan di atas, 4 macam menu
akan muncul dan dapat dipilih oleh pengguna.
Bootstrap Collapse
Berikutnya adalah bootsrap collapse. Apa itu
collapse? Collapse adalah menu yang di gunakan untuk menyembunyikan dan
menampilkan sebuah konten. Sama seperti penggunaan bootstrap lainnya, kita
dapat menggunakannya dengan cara memanggil class khusus untuk collapse ini.
Contoh pemakaian Bootstrap collapse ini
adalah:
Pada codingan di
atas, collapse 1 akan memunculkan konten. Seperti halnya
seperti
jika collapse 2 diklik maka konten akan muncul dan
konten 1 akan terhidden (disembunyikan) secara otomatis. Begitu juga collapse 1 jika diklik maka konten collapse 2 akan terhidden.
Nah,
simple bukan? Jangan lupa terus mencoba mengeksplor dan berlatih. Goodluck ^^
No comments:
Post a Comment