Bootstrap 2.3.2 Navigation Dropdown on hover


Quick & Dirty :)

Wer in Twitter Bootstrap (2.3.2 – ja, ich nutze die alte Version) im Navigations-Menü das Dropdown bei hover statt click anzeigen möchte, sollte folgenden CSS-Code in seine CSS-Datei einbauen:
/* Navigation fly out on hover instead of click */
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
.dropdown-menu {
margin:0;
}

Ich musste das Margin noch auf 0 setzen, damit das Submenu beim Maus-Flug von der Navigation zum Submenu nicht wieder einklappt.

English Version


Having Twitter Bootstrap v. 2.3.2 (yeah, I’m using the outdated version in many of my projects) open the dropdown menu on hover instead of click is pretty easy and can be done with just CSS. See above code how to do it. Simply insert the CSS at the end of your CSS file. I had to set the margin to zero so the menu won’t collapse when moving the mouse to the dropdown.

Veröffentlicht von

Christian Hänsel

Web-Entwickler, SEO-Experte. Ich liebe technisches SEO, die Entwicklung von neuen Ideen und alles rund um das Internet... ja, ich habe mein Hobby zum Beruf gemacht und gehe auch Montags gerne zur Arbeit.

Ein Gedanke zu „Bootstrap 2.3.2 Navigation Dropdown on hover“

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.