Nagrad Posted January 13, 2018 Share Posted January 13, 2018 Bonjour à tous, J'ai in module qui est placé dans #product #encaps sur la page produit (PS 1.7). Le tout loge dans .col-md-6. Cependant le module est large car il contiens les déclinaisons. Je doit le garder vraiment à cet endroit, à droite prés de la photo du produit et non sous la photo (qui solutionne le problème) en raison du secteur d'activité. Par conséquent le module dépasse du cadre #product #encaps. J'ai donc réduit la largeur de .col-md-6. du 50% à 35% et augmenté #product #encaps à width 180% pour avoir un visuel cohérent. C'est bien en version ordi mais ça ne marche pas sur mobile. En effet sur mobile #product #encaps dépasse le cadre. Je me permets donc de demander à la communauté des solutions à ce problème. En effet j'ai besoin de la place à droite de la photo produit mais en restant mobile-compatible. Par avance, merci ! Link to comment Share on other sites More sharing options...
iXs Posted January 14, 2018 Share Posted January 14, 2018 Bonjour, il ne faut pas toucher au css mais modifier vos classes bootstrap. col-md-6 représente 50% ( 6/12 ), changez le par col-md-4 (4/12) pour en réduire la largeur. Link to comment Share on other sites More sharing options...
Mediacom87 Posted January 14, 2018 Share Posted January 14, 2018 Bonjour, voici de la lecture pour comprendre les grilles de bootstrap https://getbootstrap.com/docs/3.3/css/#grid Link to comment Share on other sites More sharing options...
Nagrad Posted January 15, 2018 Author Share Posted January 15, 2018 Merci pour votre aide ! J'ai corrigé suivant vos instructions et le problème est résolu ! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now