Pourquoi ma barre de navigation Bootstrap disparaît-elle sur les appareils plus petits ?

Barre de navigation Bootstrap : éléments disparaissant sur les appareils plus petits

Vous avez conçu une barre de navigation Bootstrap avec un logo bien centré, mais elle disparaît lorsque le la taille de l’écran diminue. Le menu des hamburgers reste également masqué. Ce problème peut être résolu en considérant plusieurs facteurs.

Apparence de la barre de navigation sur les appareils mobiles

Bootstrap s'appuie sur les requêtes multimédias pour ajuster le comportement de la barre de navigation pour différentes tailles d'écran. Les classes CSS suivantes jouent un rôle crucial :

navbar-default (or navbar-light for Bootstrap 4+)
navbar-dark

Application de la classe Navbar

Pour garantir un affichage correct sur les appareils mobiles, appliquez la classe navbar appropriée à votre code :

<nav>

Vous pouvez également ajouter une couleur d'arrière-plan personnalisée à la barre de navigation ou assombrir le bouton bascule :

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

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!