Also, ich habe nur eine einfache Navbar mit Bootstrap:
%Vor%Prüfe Geige: jsfiddle
Ich möchte nicht, dass wenn Sie die Größe des Fensters ändern, die Navigationsleiste in mehrere Zeilen unterteilt ist. In meinem Beispiel befinden sich das Dropdown-Menü und die Eingabe unten.
Ich möchte, dass die Navigationsleiste einfach zerquetscht wird und auf der gleichen Linie bleibt. Irgendeine Idee?
Es kann gemacht werden. Eigentlich nicht zu kompliziert.
Ich habe einfach den Quellcode von Bootstrap 3 heruntergeladen und die CSS-Datei durchsucht. Sie haben @media Abfragen für verschiedene Bildschirmgrößen (wie Sie bereits wissen). Ich habe einfach alle CSS-Regeln kopiert, die sie für @media (min-width: 768px) verwenden, und sie in eine neue Regel eingefügt: @media (max-width: 768px)
Hier ist es so, dass Sie es so verwenden können, wie es ist:
CSS:
%Vor% Beachten Sie, dass ich die .container -Regeln auskommentiert habe, damit sie keine feste Größe mehr haben.
Hier ist eine Kopie Ihrer Geige mit dem neuen CSS: Ссылка
Lass es mich wissen, wenn es funktioniert.
VERANTWORTUNG VON BOOTSTRAP SASS / SCSS / LESS DEAKTIVIEREN
Mit kompilierten Versionen von Bootstrap Ссылка ist einfach, fügen Sie einfach diese Variablen VOR zusammen.
SASS / SCSS
%Vor%WENIGER
%Vor%Entfernen Sie "Ansichtsfenster" aus der Kopfzeile
<meta name="viewport" content="width=device-width, initial-scale=1">
Tags und Links html css twitter-bootstrap