Ich möchte die Eingabegruppe in Navbar-Form verwenden, wie folgenden Code:
%Vor%Es hat eine feste Größe von etwa 200px in Firefox. In Chrome oder Safari nimmt die Suche jedoch eine ganz neue Linie. Ich möchte wissen, ob die css von bootstrap die Breite des Inputs steuert.
input-group-btn hat zwei css-Einstellungen erhalten, display: table-cell; Breite: 1%. Wozu dienen diese?
In den Dokumenten lautet die Standardsuchleiste:
%Vor%Es funktioniert sowohl in Firefox als auch in Chrome gut, aber ich möchte, dass es den Rest des Platzes der Navbar einnimmt. Wie Facebooks Suchleiste.
Ich bin ein individueller Entwickler, ich bin nicht gut im Front-End-Design. Weiß jemand etwas über diese spezielle Anfrage?
Ich hatte gerade das gleiche Problem.
Ich benutze Safari und leider nimmt das Formularelement die ganze Zeile (100% der Größe) (aber auf Firefox nicht).
Eine einfache und einfache Lösung wäre, die Breite des Formulars unter 100% zu präzisieren.
%Vor% Hinweis: width-40 class anstelle des style -Attributs korrigiert es nicht ... weiß aber nicht warum.
Es ist ein Chrome-Bug (siehe hier ). Es besteht keine Notwendigkeit, hartes CSS zu verwenden. Sie können es reparieren durch:
.less
%Vor%oder .css
%Vor%Sie könnten so etwas ausprobieren ... (dieses Beispiel zeigt eine Möglichkeit, Bootstraps Navbar zu verwenden)
%Vor%Sie können das Formular-Tag in eines der Listenelement-Tags einfügen, anstatt die Navigationsleiste als Formular selbst zu klassifizieren.
Tags und Links twitter-bootstrap twitter-bootstrap-3