Twitter Bootstrap Dropdown funktioniert nicht

Setzen Sie die Dropdown-Klasse auf ein div, das die li und nicht die li selbst umschließt. So ...

Dieses Beispiel stammt von der Bootstrap-Site

Ihr Code sollte so aussehen ...

Ich habe versucht, eine verschachtelte Liste zu erstellen, aber es hat nicht mit dem Bootstrap funktioniert. Ich denke, es bringt die beiden Dropdown-Listen durcheinander.

Stellen Sie sicher, dass Sie die neueste Version von JQuery verwenden

Das ist leicht zu lösen. Das Element, das den Code umhüllt, ist ein li, aber es muss ein div sein. Das funktioniert für mich:

Wenn Sie möchten, dass es wie eine Schaltfläche aussieht, fügen Sie einfach "btn" wie folgt in die Klassenliste ein:

<a data-target="#" data-toggle="dropdown" class="dropdown-toggle btn" href="#">

Mein Header-Abschnitt sieht folgendermaßen aus:

Sie sollten das responsive CSS auslassen, wenn Sie nichts für mobile Geräte tun.