+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Probleme bootsrap (/showthread.php?tid=7510)
Probleme bootsrap - hercull - 23-11-2015
Bonjour,
Je rencontre un probleme lors de l'utilisation du bootsrap twitter.
J'ai créer mon menu de navigation, jusque la tout est ok, mais lorsque je veux mettre en place ce même menu en responsive je suis bloqué.
-1ère observation lorsque je réduis la taille de mon navigateur afin de voir si mon menu change, le petit bouton en haut à droite apparait et mon menu s'aligne sur la gauche, seulement mon menu est déjà déroulé alors qu'il devrait être plier et uniquement lorsque je clic dessus il devrai se dérouler.
-2eme observation quand je vais voir mon site sur mon smartphone il n'y a aucun responsive.
Je vous met le liens de mon site, vous pouvez voir le code sources de la page.
Le site ne fonctionne pas, ce n'est que du html css et jquery pour le moment pas la peine d’essayer les fonctionnalités.
http://checkmonbulletin.fr/notation/
Merci
RE: Probleme bootsrap - @lucard - 23-11-2015
![[Image: small_Screenshot_2015-11-23-22-08-05.png]](http://upload.dinhosting.fr/Y/c/K/Screenshot_2015-11-23-22-08-05.png)
Yop ça marche pas sur mobile,
Vérifies si tu as bien les médiaqueries avec pixel-ratio, ou similaire pour les mobiles.
Car si tu regardes mon screen, c'est du 720x1280 mon écran. (pourtant c'est un 5")
Edit :
Pour le menu ouvert :
remplace
Code :
class="navbar-collapse navbar-right collapse in"Code :
class="navbar-collapse navbar-right collapse"<div style="height: 1px;" aria-expanded="false" id="navbar" class="navbar-collapse navbar-right collapse">
</div>RE: Probleme bootsrap - Xenos - 24-11-2015
Y'a un peu de magie là-dedans, mais les mobiles utilisent une balise dédiée pour indiquer qu'un site est "compatible mobile": http://stackoverflow.com/a/16532471/2342518
Dans l'idée, le mobile se comporte comme un écran PC (pour des raisons historiques, la plupart des sites n'étant pas pour mobiles). Il faut donc une balise supplémentaire lui indiquant de se comporter "normalement" (aka, le mobile émule un écran PC par défaut, sauf s'il rencontre cette balise auquel cas il n'émule rien).
RE: Probleme bootsrap - hercull - 24-11-2015
C'est parfait, vous avez répondu à mes 2 questions et maintenant cela fonctionne.
Merci de votre aide si rapide!