Voici mon code:
http://www.bootply.com/iWR392T4aU
Si vous cliquez sur la vue mobile / smartphone, cela devrait ressembler à ceci:
Cependant, si vous agrandissez la fenêtre pour qu'elle passe à la vue du bureau, puis la redimensionnez rapidement en vue mobile, le bouton est déplacé:
J'ai inspecté l'élément pour essayer de déterminer la cause du problème, mais je n'ai rien trouvé. Il n'a pas de marge donc je n'ai aucune idée de ce qui le pousse à être poussé comme ça.
Juste en jouant sur bootply, je peux voir que c'est l'élément "i" avec une classe de .contact-3. Ceci est défini pour afficher: aucun, mais dans l'une des requêtes multimédias (ligne 111), il est défini pour afficher: bloc en ligne. Cela augmente la hauteur de la barre de navigation à 70px à partir de 50px.
Ajouter
i.fa-envelope.contact-3 {
display: none;
}
dans cette requête médiatique semblait le réparer.
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots