Partage

Bootstrap bloc impair

Sujet résolu
19 mai 2017 à 10:02:20

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

Staff 19 mai 2017 à 10:06:16

Bonjour,

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

Seul on va plus vite ... Ensemble on va plus loin ! A maîtriser : Conception BDDMySQL, HTML/CSS, PHP/MySQL
19 mai 2017 à 10:18:11

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

Staff 19 mai 2017 à 11:16:02

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

Seul on va plus vite ... Ensemble on va plus loin ! A maîtriser : Conception BDDMySQL, HTML/CSS, PHP/MySQL

Bootstrap bloc impair

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown