Mit Bootstrap 3, wie haben Sie eine völlig andere Navbar für das Handy als reagieren?

7

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%     
carboncomputed 10.11.2013, 22:54
quelle

1 Antwort

26

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 .

    
lightswitch05 11.11.2013, 00:10
quelle