Mengubah Dropdown Bootstrap menjadi Hover

19/05/2016    Maykhel David    3477     Website

Hallo teman-teman, apa kabarnya hari ini, pada artikel kali ini saya ingin berbagi mengenai trik untuk mengubah dropdowwn bootstrap menjadi hover.

Untuk kalian yang sudah lama menggunakan bootstrap pasti sudah terbiasa dengan navbar standard bootstrap yang responsive dan elegan. Secara default, dropdown bootstrap akan muncul ketika menu trigger nya di klik.

Namun taukah kalian bahwa dropdown pada navbar bootstrap bisa juga dibuat muncul dengan hover, yang perlu kita tahu adalah class yang menjadi parameter dropdown tersebut.

secara default, class .dropdown harus di klik agar dropdown-menu dapat muncul/ namun kali ini kita akan mengalihkannya menjadi hover.

Pertama kita buat struktur untuk navbar bootstrap seperti berikut

 

Lalu, cukup kita berikan perintah css seperti berikut

Dengan begitu, dropdown bootstrap kalian sudah bisa digunakan dengan hover pada ukuran diatas col-xs-
*

Baiklah teman-teman, demikian artikel tentang cara mengubah dropdown menjadi hover. Semoga bermanfaat.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More