Выравнивание изображения по центру в Bootstrap
Как выровнять картинку посередине в Bootstrap.
В Bootstrap v3.0.1 есть класс .center-block , так что используйте его:
img alt="..." class="img-responsive center-block" src="..." />
Если посмотреть как этот класс реализован, то увидим
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
Вот и давайте пользоваться.
Источник: loco.ru
almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.
Вы можете почитать все статьи от almix'а.
Другие статьи по этой теме:
- 0 Twitter Bootstrap Carousel Crossfade (09.09.2013)
- 0 Inline-block vs float (22.08.2013)
- 0 Список li в две колонки (CSS) (13.03.2013)
- Выравнивание изображения по центру в Bootstrap (11.12.2016) ← вы тут
- Замена текста при наведении на него мышью. События onmouseover и onmouseout (25.03.2016)
- Прилипание блока к верху сайта при его прокручивании (17.02.2016)
- Как сделать какую-либо область на сайте кликабельной ссылкой? (11.08.2015)
- Красивое выравнивание характеристик на странице товара с отступами, отмеченными точками (11.07.2015)
- Сделать слайдер на Owl Carousel c текстом справа (03.02.2015)
- Скролл-эффекты CSS3 и JQuery при прокрутке страницы (13.01.2015)
- Отзывчивый или Адаптивный веб-дизайн (Responsive Web Design) (05.01.2013)
- Как сделать, чтобы в теге <pre> текст переносился по строкам (wrap text in pre tag)? (15.10.2012)
- Разные стили для внутренних и внешних ссылок (07.04.2012)
- Значок рубля для сайта (25.03.2012)
- Свои стили css для области редактора CKEditor (05.03.2012)
- Yii: Красим нечётные и чётные строки в CListView разными цветами с помощью css (23.02.2012)
- CSS Font-Size: em / px / pt / percent (17.01.2012)
- Делаем тень к тексту на CSS. Обводка текста с помощью CSS (14.12.2012)
- Делаем градиент к тексту, используя CSS (23.10.2011)
- CSS-cвойство z-index: подробный обзор (23.10.2011)
- CSS: свойство visibility: hidden и visibility: visible (23.10.2011)
- Тег noindex и его валидация согласно консорциуму W3C (24.08.2011)
- Подключаем свои классы class=left и class=right и стили в редактор FCKEditor (23.10.2011)
- А вы совершаете эти 10 CSS-ошибок? (23.10.2011)
- Проблема: как сделать, чтобы картинки правильно выравнивались по левому или правому краю в IE (23.08.2011)
Комментарии (0)
Подпишитесь на 
RSS комментариев к этой статье.
RSS комментариев к этой статье.
