Warum verschwindet meine Bootstrap-Navigationsleiste auf kleineren Geräten?

Bootstrap-Navigationsleiste verschwindet auf kleineren Geräten

Beim Erstellen einer Bootstrap-Navigationsleiste kann es auf kleineren Bildschirmen zu einer versteckten Navigation und einem fehlenden Hamburger-Symbol kommen. Dies liegt daran, dass die Standardeinstellungen der Navigationsleiste für größere Bildschirme konzipiert sind.

Lösung

Um dieses Problem zu beheben, müssen Sie die entsprechende Klasse zu Ihrer Navigationsleiste hinzufügen. Verwenden Sie für Bootstrap 5 die Klasse „navbar-light“ oder „navbar-dark“.

<nav>

Verwenden Sie für Bootstrap 4 und frühere Versionen die Klasse „navbar-default“. Sie können auch eine Hintergrundfarbe für die Navigationsleiste festlegen oder das Umschaltersymbol wie folgt abdunkeln:

#navbar-primary .navbar-nav { 
   background: #ededed;
}

.navbar-toggle .icon-bar {
    background-color: rgb(136, 136, 136);
}

Sobald Sie diese Änderungen übernommen haben, sollte Ihre Navigationsleiste auf allen Bildschirmgrößen ordnungsgemäß angezeigt werden.

Das obige ist der detaillierte Inhalt vonWarum verschwindet meine Bootstrap-Navigationsleiste auf kleineren Geräten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!