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

Basic jQuery Slider


Jun 9th, 2013 Comments Off on Basic jQuery Slider

Icon Gratis : 55+ Outline Styled Vector Icons


Mar 31st, 2014 Comments Off on Icon Gratis : 55+ Outline Styled Vector Icons

Understand the Favicon


Mar 24th, 2013 Comments Off on Understand the Favicon

Flat design is great for mediocre designers like me


May 23rd, 2013 Comments Off on Flat design is great for mediocre designers like me

Free CMS for photographers, designers, and creative DIYs


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

Cara Menentukan dan Mengecek User Aktif di Git


Jan 22nd, 2015 Comments Off on Cara Menentukan dan Mengecek User Aktif di Git

Twitter Bootstrap vs Zurb Foundation 4


Jun 9th, 2013 Comments Off on Twitter Bootstrap vs Zurb Foundation 4

Convert Illustrator shapes into code


Mar 25th, 2013 Comments Off on Convert Illustrator shapes into code

Membuat Background Musik Otomatis Play di Website


Oct 14th, 2014 Comments Off on Membuat Background Musik Otomatis Play di Website

Trend Web Desain Tahun 2013


Jan 3rd, 2014 Comments Off on Trend Web Desain Tahun 2013

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