Selamat Datang

Membuat Dropdown Menu Twitter Bootstrap Terbuka Saat Mouse Hover

Dropdown menu di Twitter Bootstrap secara default akan terbuka jika kita klik, bukan :hover, mengapa dibuat seperti itu? tentunya banyak pertimbangan dari si pembuat Twitter Bootstrap, salah satunya pertimbangan bahwa website akan dibuka dengan Tablet dan SmartPhone, dimana device tersebut bisa dibilang tidak mengenal mouse hover, hanya touch, drag, dan beberapa fungsi lain.

Nah bagaimana jika kita tetap ingin membuat menu dropdown di Twitter Bootstrap terbuka saat mouse hover?

Simple, coba tambahkan kode berikut di css anda.

ul.nav li.dropdown:hover ul.dropdown-menu{
display: block;
}

/* Jika anda ingin menghilangkan tanda panah (arrow) */
a.menu:after, .dropdown-toggle:after {
content: none;
}

Semoga berguna, salam web design Indonesia.


Website yang berisi Tutorial, Tips, Trik, Inspirasi, Opini, Cerita, Studi kasus, dan berbagai hal menarik tentang Web Design, Web Development dan Graphic Design untuk orang-orang kreatif di Indonesia. View all posts by TWD Editorial

Other Resources

External resources related Web Design, Web Development & Graphic Design that covered free resources, tips & tricks, workflow, articles, etc

Code School : Two Days of Learning for Free


Mar 25th, 2013 Comments Off on Code School : Two Days of Learning for Free

Workless, a clean & classy HTML5, CSS3 framework.


May 28th, 2013 Comments Off on Workless, a clean & classy HTML5, CSS3 framework.

Ebook Gratis Belajar HTML dan CSS


Jun 16th, 2013 Comments Off on Ebook Gratis Belajar HTML dan CSS

Kumpulan Pseudo-Element Untuk Mempecantik Form


Jan 9th, 2015 Comments Off on Kumpulan Pseudo-Element Untuk Mempecantik Form

55+ Outline Styled Vector Icons Gratis!


Feb 21st, 2014 Comments Off on 55+ Outline Styled Vector Icons Gratis!

Koneksi CI 2.1.3 dengan Oracle 11g Express


Dec 29th, 2014 Comments Off on Koneksi CI 2.1.3 dengan Oracle 11g Express

Free CMS for photographers, designers, and creative DIYs


Mar 25th, 2013 Comments Off on Free CMS for photographers, designers, and creative DIYs

The happy secret to better work


Apr 30th, 2013 Comments Off on The happy secret to better work

Twitter Resmi Presiden SBY


Apr 13th, 2013 Comments Off on Twitter Resmi Presiden SBY

CMS Comparison Table


Jun 9th, 2013 Comments Off on CMS Comparison Table

Klik Tombol Like / Suka ya kawan..

Klik tombol "Like" atau "Suka" untuk mendapatkan update tutorial, tips & tricks serta info terbaru seputar dunia web design & development