Comment centrer une div de taille de la colonne à l'intérieur du conteneur (12 colonnes) dans Bootstrap 3.
Veuillez voir le démarreur de violon.
<body class="container">
<div class="col-lg-1 col-offset-6 centered">
<img data-src="holder.js/100x100" alt="" />
</div>
</body>
Donc, je veux un div
, avec une classe centered
à être centré à l'intérieur du conteneur. Je peut utiliser une ligne si il y a plusieurs divs, mais pour l'instant je veux juste un div avec la taille d'une colonne centrée à l'intérieur du conteneur (12 colonnes).
Je ne suis pas aussi sûr que l'approche ci-dessus est assez bonne, car l'intention n'est pas de compenser l' div
de moitié. Je n'ai pas besoin espaces libres à l'extérieur de l' div
et le contenu de l' div
diminuer en proportion. Je tiens à vide de l'espace en dehors de la div pour être uniformément répartie (rétrécir jusqu'à la largeur du conteneur == une colonne).