Forum Programmation.web Bootstrap & responsive design

Posté par  . Licence CC By‑SA.
Étiquettes :
-7
17
juil.
2020

Bonjour à tous,

Je ne suis pas développeur (encore moins developpeur web), c'est seulement un loisir, mais j'ai créé ce site avec Bootstrap (NSFW ou limite…):
[Lien supprimé]

Le souci que je n'arrive pas à résoudre se situe dans le menu de navigation. Comme vous pouvez le voir, j'utilise la classe "nav-tabs" qui est responsive (si j'ai bien compris).

Or, si l'affichage est correct sur un écran d'ordinateur, le menu "Search" se retrouve systématiquement sur une seconde ligne lorsque je consulte le site depuis mon téléphone android (navigateurs Chrome, DuckDuckGo et Qwant)

Mon smartphone est vieux, et peut-être que c'est un problème que je suis le seul à constater, mais ça me paraît étrange.
Je pense avoir bien saisi le fonctionnement en grille de bootstrap, mais je ne pense pas que cela s'applique ici. La future page d'accueil (en développement) s'affiche bien, sauf ce problème de menu Search qui passe systématiquement sur une nouvelle ligne ( [Lien supprimé] )

Bref, si c'est le fonctionnement normal de bootstrap, alors je laisserai comme ça car je suis trop mauvais en CSS pour m'aventurer dans des modifications.
Par contre, si c'est une mauvaise utilisation, j'apprécierai que qqun puisse me guider vers la bonne façon de faire.

Merci à tous !

PS: ne vous moquez pas du contenu du site, je suis malentendant et ce n'est pas un sujet si trivial qu'il peut paraître pour les gens "normaux".

  • # Menu smartphone

    Posté par  . Évalué à 6.

    Salut, le fonctionnement courant d'un menu avec Bootstrap sur smartphone veut qu'il bascule en mode réduit quand il n'y à pas de place pour l'afficher.

    Je te conseille https://getbootstrap.com/docs/4.0/components/navbar/ en réduisant la fenêtre de ton navigateur pour voir ce qu'il se passe avec les exemples proposés que tu pourras adapter sur ton site.

    • [^] # Re: Menu smartphone

      Posté par  . Évalué à 3.

      Merci infiniment!
      Je n'avais pas compris que ce qui était responsive dépendait seulement de la taille de la fenêtre… Je vais tester tout ça.

      Encore merci!

      PS: je ne trouve pas moyen de noter votre réponse… désolé… mais les personnes qui ont noté négativement n'ont pas dû comprendre le problème car c'est exactement la réponse que j'attedais.

      • [^] # SPAM

        Posté par  . Évalué à 4. Dernière modification le 17 juillet 2020 à 19:24.

        Signalé pour spam, ça n'a rien à faire ici.
        lien vers du contenu pornographique sur un site grand public (mettre NSFW ne te dédouane pas), qui plus est avec aucune vérification d'âge à l'entrée de ton site, aucune CGU, et en plus c'est du contenu illégalement partagé.
        Enfin, on en a absolument rien à faire de ton handicap, il ne justifie pas tes actes.

        • [^] # Re: SPAM

          Posté par  . Évalué à 4.

          Effectivement, je pense qu'un modérateur devrait supprimer cette entrée dans les forums. Le compte a été créé aujourd'hui, c'est plus que louche.

  • # Édition du post

    Posté par  (site web personnel) . Évalué à 4. Dernière modification le 18 juillet 2020 à 06:53.

    Les liens ont été supprimés du message car ils menaient vers un site à caractère pornographique (contraire à nos règles). Merci de respecter les règles de modération.

    Un LUG en Lorraine : https://enunclic-cappel.fr

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.