Dieses Problem kann in allen (mir bekannten) Twitter Bootstrap-Versionen auftreten. Also, ich habe eine Navbar und wenn der Bildschirm kleiner ist, wird es zu einem zusammenklappbaren Fach. Dieses Verhalten kann auf der Bootstrap-Demosite gesehen werden. Ich habe auch Untermenüs, die bei der anfänglichen Navbar-Erweiterung kollabiert erscheinen. Das Problem ist, dass das kollabierbare Element beim ersten Kollaps eine explizite Höhe erhält. Wenn Sie schließen und erneut expandieren, erhält das reduzierbare Element height:auto;
Wenn ich also auf einen Untermenüpunkt klicke, wird das Dropdown-Menü zwar erweitert, aber aufgrund der ausdrücklich festgelegten Höhe überläuft es.
Meine versuchte Lösung fügte hinzu:
%Vor%Das scheint es überhaupt nicht zu beeinflussen, ich habe diesen Code gelöscht und er hat immer noch den gleichen Effekt. Wenn eine JS-Fiddle helfen würde, würde ich gerne eine zur Verfügung stellen, aber Sie können das alles auf der Bootstrap-Demo-Seite sehen.
Vielen Dank im Voraus, Charles.
Dieses Problem kann in allen (mir bekannten) Twitter Bootstrap-Versionen auftreten. Also, ich habe eine Navbar und wenn der Bildschirm kleiner ist, wird es zu einem zusammenklappbaren Fach. Dieses Verhalten kann auf der Bootstrap-Demosite gesehen werden. Ich habe auch Untermenüs, die bei der anfänglichen Navbar-Erweiterung kollabiert erscheinen. Das Problem ist, dass das kollabierbare Element beim ersten Kollaps eine explizite Höhe erhält. Wenn Sie schließen und erneut expandieren, erhält das reduzierbare Element .collapse
Wenn ich also auf einen Untermenüpunkt klicke, wird das Dropdown-Menü zwar erweitert, aber aufgrund der ausdrücklich festgelegten Höhe überläuft es.
Meine versuchte Lösung fügte hinzu:
%Vor%Das scheint es überhaupt nicht zu beeinflussen, ich habe diesen Code gelöscht und er hat immer noch den gleichen Effekt. Wenn eine JS-Fiddle helfen würde, würde ich gerne eine zur Verfügung stellen, aber Sie können das alles auf der Bootstrap-Demo-Seite sehen.
Vielen Dank im Voraus, Charles.
Es hat mich etwas gestört, und nach einigem Suchen habe ich festgestellt, dass das Problem gelöst werden kann, indem man die .nav-collapse -Klasse zum Responsive navbar -Element hinzufügt.
Eine dieser Zeiten, wenn wir einfach Meh ... sagen. Ich hätte dem Dokument den Buchstaben folgen sollen (siehe %code% ):
%Vor%Für die Nachwelt:
Dank dieses Problems herausgefunden: Ссылка
Ich bin mir nicht sicher, ob es wirklich verwandt ist, aber mein Debugging zeigte das Problem, dass die erste Übergangshöhe auf jeden Fall zurückgesetzt wurde (Quelle ):
%Vor%Bootstrap setzt die Element-Style-Höhe bei der Initialisierung des Collapse-Elements auf 280px.
Ich habe diese JQuery Zeile in meiner ready () Funktion direkt nach meinem Aufruf von .collapse ()
hinzugefügt %Vor%Und jetzt verhalten sich die Dinge so, wie ich es erwarte.
Bootstrap setzt die Element-Style-Höhe bei der Initialisierung des Collapse-Elements auf 280px.
Ich habe diese JQuery Zeile in meiner ready () Funktion direkt nach meinem Aufruf von .collapse ()
hinzugefügt %Vor%Und jetzt verhalten sich die Dinge so, wie ich es erwarte.
Tags und Links javascript css twitter-bootstrap