Bonsoir,

Je me suis mis à Bootstrap depuis très récemment (depuis hier à vrai dire) et je rencontre un petit problème pour centrer du contenu horizontalement.

J'ai créé une div "container" dans laquelle j'ai placé une div "row", dans laquelle j'ai 3 divs.
Le soucis, c'est que je n'arrive pas à centrer (et répartir équitablement) les 3 divs au centre de ma page.

Voici un extrait d'exemple de mon code:

	<div class="container">
		<div class="row">
			<div class="col-12 col-sm-12 col-md-4 col-lg-4">
				<div class="premier"></div>
			</div>

			<div class="col-12 col-sm-12 col-md-4 col-lg-4">
				<div class="deuxieme"></div>
			</div>

			<div class="col-12 col-sm-12 col-md-4 col-lg-4">
				<div class="troisieme"></div>
			</div>
		</div>
	</div>

Et voici le résultat que cela me donne:

J'ai essayé d'enlever chacune des divs qui ont pour classe "col-12 col-sm-12 col-md-4 col-lg-4" et de ne laisser que les divs "premier" "deuxieme" "troisieme", tout en rajoutant la classe "justify-content-between" dans la div "row", et là c'était centré. Seulement, mes éléments ne possèdent plus les classes qui leur indique comment se positionner lorsque l'affichage se modifie.

Si une âme charitable pourrait m'expliquer comment corriger ceci, je lui en serais extrêmement reconnaissant.

Merci par avance.

Ps: J'ai également essayé de centrer tout ça avec une feuille de style à part, seulement, je trouve ça dommage d'y avoir recours s'il est possible de le faire directement avec bootstrap. D'autre part, ça n'a pas fonctionné.

Si tu gardes juste "col-md-4", ça rend pareil ?

Le 13 mai 2018 à 11:00:16 blackapplex a écrit :
Si tu gardes juste "col-md-4", ça rend pareil ?

Oui

Chez moi ça marche...
Tu devrais essayer d'inspecter l'élément voir les proportions de chaque div et notamment la taille (width/height) du body et de toute l'arborescence dans la page

Essaie d'ajouter la classe justify-content-center a ton div row.

Merci pour vos réponses !
L'erreur venait (c'était prévisible ) de moi, j'avais laissé des marges qui empêchaient un alignement au centre...

Merci malgré tout !