Erreur de positionnement étrange avec Bootstrap

Andy

Voici mon code:

http://www.bootply.com/iWR392T4aU

Si vous cliquez sur la vue mobile / smartphone, cela devrait ressembler à ceci:

entrez la description de l'image ici

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é:

entrez la description de l'image ici

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.

Devin Howard

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.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

Erreur de positionnement avec flexbox

Bootstrap étrange problème avec la largeur de colonne / le positionnement div

Positionnement de "Parallax" dans Bootstrap avec CSS

Bootstrap pilules positionnement étrange à plusieurs rangées

Erreur de syntaxe étrange avec theano

erreur de segmentation étrange, probablement avec realloc

Bootstrap gauche liste de marques positionnement étrange lorsque la navigation s'effondre

Comportement étrange avec Bootstrap

Erreur de compilation étrange avec la notation à vie: "attendu`: `, trouvé`> `"

Erreur étrange avec l'implémentation de Scala Generics

Erreur de compilation étrange avec l'importation @testable

SlimPHP - erreur étrange avec extension de brindille (fonction)

Erreur étrange près de '' MySQL avec une fonction

erreur de bouton brindille avec un caractère étrange

Erreur étrange de Scala avec des fonctions partielles

Erreur de compilateur étrange

erreur étrange avec attribut introuvable

Erreur étrange avec JDBC sqlite

Positionnement sur javascript DOM avec bootstrap

Fond de bouton gris étrange sur mobile uniquement avec Bootstrap

Comportement étrange de JS avec des curseurs Bootstrap

Select2 positionnement de la liste déroulante étrange

Bootstrap 5 Carte et superposition d'image avec contrôle de positionnement

Positionnement correct du contenu en html avec bootstrap après l'ajout de données .json

Erreur de diffusion étrange MongooseJS avec le nom de la route dans l'erreur

Luttant avec une erreur de syntaxe étrange Erreur de jeton * inattendue

Erreur de positionnement dans MDDropdownMenu dans KivyMD

Astuce de positionnement du contenu sur bootstrap

Positionnement des indicateurs de carrousel Bootstrap 4

TOP liste

  1. 1

    Microsoft.WebApplication.targets

  2. 2

    Exporter la table de l'arborescence vers CSV avec mise en forme

  3. 3

    Spring @RequestParam DateTime format comme ISO 8601 Date Heure facultative

  4. 4

    Comment analyser un hachage Ruby plat en un hachage imbriqué?

  5. 5

    Passer la taille d'un tableau 2D à une fonction ?

  6. 6

    Comment créer une nouvelle application dans Dropbox avec des autorisations complètes

  7. 7

    Algorithme: diviser de manière optimale une chaîne en 3 sous-chaînes

  8. 8

    Laravel SQLSTATE [HY000] [1049] Base de données inconnue 'previous_db_name'

  9. 9

    comment supprimer "compte de connexion google" à des fins de développement - actions sur google

  10. 10

    php ajouter et fusionner des données de deux tables

  11. 11

    Créer un système Buzzer à l'aide de python

  12. 12

    Existe-t-il un moyen de voir si mon bot est hors ligne ?

  13. 13

    Comment changer la couleur de la police dans R?

  14. 14

    Déplacement des moindres carrés d'ajustement pour les déplacements de points ayant des problèmes

  15. 15

    impossible d'obtenir l'image d'arrière-plan en plein écran dans reactjs

  16. 16

    Comment vérifier si un utilisateur spécifique a un rôle? Discord js

  17. 17

    comment afficher un bouton au-dessus d'un autre élément ?

  18. 18

    Comment choisir le nombre de fragments et de répliques Elasticsearch

  19. 19

    Comment ajouter une entrée à une table de base de données pour une combinaison de deux tables

  20. 20

    optimiser les opérations du serveur avec elasticsearch: traitement des filigranes de disque bas

  21. 21

    Comment analyser un fichier avec un tableau d'objets JSON en utilisant Node.js?

chaudétiquette

Archive