Bootstrap 4 - Wie 100% Breite der Sucheingabe in Navbar?
Wie 100% Breite der Sucheingabe in Navbar?
Das Feld ist in der Breite begrenzt:
%Vor%Hier ist die Geige:
1 Antwort
Sie können den text-truncate -Hack auf der letzten Navigationsleiste li wie folgt verwenden ..
In Bootstrap 4 wird text-truncate gesetzt:
%Vor%Dadurch kann das Suchformular die verbleibende Breite ausfüllen und nicht umbrechen.
Demo Ссылка
Eine andere Option ist die Verwendung von table-cell :
UPDATE (keine Hacks benötigt!)
Ab Bootstrap 4 ist die Navbar flexbox, sodass das Erstellen einer Sucheingabe mit voller Breite einfacher ist. Sie können einfach die Hilfsprogramme w-100 und d-inline verwenden:
Tags und Links css input bootstrap-4 navbar twitter-bootstrap-4