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

Tips memperbanyak trafik web


Dec 29th, 2014 Comments Off on Tips memperbanyak trafik web

Twitter Bootstrap vs Zurb Foundation 4


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

iPin: Template WordPress Gratis Mirip Pinterest


May 28th, 2013 Comments Off on iPin: Template WordPress Gratis Mirip Pinterest

Bagaimana Membuat Homepage Dalam 3 Menit di Photoshop


Jan 10th, 2015 Comments Off on Bagaimana Membuat Homepage Dalam 3 Menit di Photoshop

The Science of Web Design


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

Script Login, Register, Logout Dengan PHP dan MySQL


Aug 29th, 2013 Comments Off on Script Login, Register, Logout Dengan PHP dan MySQL

Chart.js | Create data visualization using html5


Mar 24th, 2013 Comments Off on Chart.js | Create data visualization using html5

Relational Databases for Dummies


Mar 24th, 2013 Comments Off on Relational Databases for Dummies

Speed Up Your Workflow With A UX Template


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

Adobe previews new responsive web design tool


May 5th, 2013 Comments Off on Adobe previews new responsive web design tool

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