Ich baue meine Webapp und ich mag nicht, wie meine Navbar aussieht, wenn sie zusammenbricht. Ich hätte lieber eine andere Navigationsleiste für mobile Benutzer und grundsätzlich jeden Browser, der unter den Schwellenwert für die Breite fällt.
Anstatt zu sehen, wie der Bootstrap Ihre Navbar in eine Liste verwandelt, würde ich sie lieber mit anklickbaren Icons aussehen lassen.
Wie läuft das am besten ab? Hier ist meine aktuelle Navigationsleiste.
%Vor% Erstellen Sie einfach zwei Navigationsleisten. Fügen Sie auf Ihrer normalen Navigationsleiste die Klassen .hidden-sm
und .hidden-xs
hinzu. Dann fügen Sie in Ihrer mobilen Navigationsleiste die Klassen .visible-xs
und .visible-sm
hinzu. Auf diese Weise sehen Sie nur die Navigationsleiste für die von Ihnen festgelegten Größen. Weitere Optionen finden Sie unter Responsive Dienstprogramme .
Tags und Links javascript html css twitter-bootstrap twitter-bootstrap-3