Dropdown-Menü funktioniert nach Größenänderung nicht

Question

Ich beginne mit Bootstrap und habe eine kleine HTML-Vorlage mit nur einer Menüüberschrift (mit Dropdown-Elementen) erstellt.

Das Problem ist, dass das Dropdown-Menüelement nicht mehr funktioniert, nachdem ich die Größe des Fensters so geändert habe, dass es klein genug ist, um das Reduzieren des reaktionsschnellen Menüs zu erzwingen (Navigieren), während es reduziert ist, und nachdem ich das Fenster maximiert habe (zeigt stattdessen einen Bildlauf zum Anzeigen von Inhalten an) Dropdown).

Beispielcode?Probieren Sie einfach die "Navbar-Vorlage" von Bootstrap aus: http://getbootstrap.com/examples/navbar/

Gibt es eine bekannte Lösung für dieses Problem?

Getestet in Firefox und Chrome.

Answer 1

update

Fügen Sie dies nach dem CSS Ihres Bootstraps hinzu:

generasacodicetagpre.

- End-Update

Ja, dieses Look "seltsam" Die Klasse "in" hat Effekt, nachdem er noch wiedererstellt wurde.

Sie könnten die Klasse mit Jquery entfernen:

generasacodicetagpre.

Range-Code von: Dynamisch wechselnde Klassenname basierend auf der Fenstergröße < / a>, bessere Lösungen dazu: So erkennen Sie ansprechende Haltepunkte von Twitter-Bootstrap 3 mit Javascript?

Vielleicht ist es auch möglich, die .in-Klasse für die Screenwidh über dem Haltepunkt mit einer Medienabfrage zurückzusetzen.

Es scheint ein Fehler zu sein, siehe: https://github.com/twbs/ Bootstrap / Ausgaben / 11243

Answer 2

Die andere Antwort funktionierte nicht für mich, da der Kollapsklasse eine Anzeige hinzugefügt hat: keine;(vielleicht eine andere Version von Bootstrap).Die Lösung, die für mich funktionierte, fügt Ihrem ansprechenden CSS hinzu:

generasacodicetagpre.

Für mich ist das Problem aufgetreten, wenn ich geöffnet habe, und dann das zusammengebrochene Menü schließen, gefolgt von einer Ränder.Hoffe das hilft.

Answer 3

Das Erzwingen der automatischen Höhe für das kollabierende Element (über dem Bruchpunkt) hat bei mir funktioniert.

Suchen Sie die ID oder Klasse auf der Umschalttaste zB. data-target=".navbar-ex1-collapse" und benutze min-width (deine Sollbruchstelle):

@media screen and (min-width: 768px){
    .navbar-ex1-collapse { height:auto !important;}
}