Центрирование колонки с помощью Twitter Bootstrap 3
Как я могу центрировать div одного размера столбца в контейнере (12 столбцов) вTwitter Bootstrap 3?
.centered {
background-color: red;
}
<body class="container">
<div class="col-lg-1 col-offset-6 centered">
<img data-src="holder.js/100x100" alt="" />
</div>
</body>
я хочуdiv
с классом.centered
быть в центре контейнера. Я могу использовать строку, если есть несколькоdiv
с, но сейчас я просто хочуdiv
с размером одного столбца в центре контейнера (12 столбцов).
Я также не уверен, что вышеупомянутый подход достаточно хорош, поскольку цель состоит не в том, чтобы компенсироватьdiv
вдвое Мне не нужны свободные места за пределамиdiv
и содержаниеdiv
сжать в пропорции. я бы хотелпустое пространство за пределами div должно быть равномерно распределено (уменьшить до ширины контейнера, равной одному столбцу).