Bonjour,

J'ai un problème avec ma mise en page, j'ai 3 blocs par ligne, le problème c'est que bootstrap c'est maximum 12 colonnes. Donc je mes un col-lg-3 à chacun mais il me reste encore 3 colonnes. J'ai donc un décalage. S'avez vous comment je pourrais résoudre ce problème ? merci d'avance.

image du problème : 

http://hpics.li/25d1a1b

Bonjour,

Et bien en mettant col-lg-4 ... non ?

Non car sinon les blocs sont coller et si je met un margin autour, ils passe a la ligne, je veux que sa reste sur la même ligne.

J'ai copier ce code mais cela ne fonctionne pas, je comprend pas alors que ça a l'air de très bien fonctionner

http://codepen.io/jpI/pen/BLLvEV

-
Edité par CrashNight 19 mai 2017 à 11:01:38

Vu que la grille Boostrap a 12 colonnes, pour couper la largeur en 3 il faut que tes éléments fassent 4 de large ...

Donc c'est bien col-4 qu'il faut utiliser ... ce qui donne une largeur de 33.3333 % avec un padding de 15px entre chaque élément ...

Soit tu n'utilises pas la grille de Boostrap soit tu as modifié le CSS de Boostrap.

Boostrap 4 utilise Flex avec un padding de 0.75 em.

-
Edité par Benzouye 19 mai 2017 à 11:17:45