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

Convert Illustrator shapes into code


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

55+ Outline Styled Vector Icons Gratis!


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

Workless, a clean & classy HTML5, CSS3 framework.


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

The Science of Web Design


May 17th, 2013 Comments Off on The Science of Web Design

Delete Duplicate Records from Table MySQL


Jan 3rd, 2014 Comments Off on Delete Duplicate Records from Table MySQL

Cara Install Git, Node, Grunt, Sass, Compass & Susy di Windows PC


Jan 6th, 2015 Comments Off on Cara Install Git, Node, Grunt, Sass, Compass & Susy di Windows PC

Facebook Timeline / Cover Mockup


Sep 11th, 2013 Comments Off on Facebook Timeline / Cover Mockup

On-page SEO: Factors, Tips and Techniques


Mar 25th, 2013 Comments Off on On-page SEO: Factors, Tips and Techniques

Stop Using Arial & Helvetica


May 25th, 2013 Comments Off on Stop Using Arial & Helvetica

Speed Up Your Workflow With A UX Template


May 6th, 2013 Comments Off on Speed Up Your Workflow With A UX Template