1486 sujets

Web Mobile et responsive web design

Bonjour,
J'ai rendu un site responsive en utilisant Bootstrap 4.

Le souci que je rencontre à l'heure actuelle, c'est que pour Iphone, ca fonctionne, Firefox pour android ca marche aussi, Bootstrap s'adapte bien en fonction des balises que j'ai mis (en l'occurence col-md-x pour chaque colonne).
Par contre, le souci c'est que pour Chrome pour Android, Bootstrap ne reagit pas et ne l'affiche que comme si l'on était sur un PC de bureau.

Y a t'il une balise spécifique à Chrome pour Android ?

Merci d'avance.
Le site en question: http://www.jouetsboisfanny.com/nouveau/
Smiley decu
Salut,

En fait ne mettre qu'une classe (MD en l'occurrence ) ne suffit pas.
Il faut indiquer à Bootstrap comment adapter le design en fonction de la largueur de l'écran.

ex: class"col-sm-12 col-md-6 col-lg-4"

Cela indique au navigateur d'afficher ta div (ou ton image ou n'importe quoi ...) sur toute la largeur en taille mobile, sur 6 colonnes sur un écran de taille moyenne et sur 4 colonnes sur un écran large

Bootstrap grid examples

Nota: il faut que sécurise le formulaire de ton panier et obliger ton client à renseigner ses coordonnées afin de valider son panier et te faudra aussi garantir la sécurisation des données pour être raccord avec le RGPD.
Modifié par slamjoker (19 Nov 2020 - 11:11)