Выравнивание по нижнему краю bootstrap

1058

15 декабря 2016, 16:30

Как выровнять все картинки по нижнему краю, если у всех картинок разная высота?

<div class="row">
  <div class="col-xs-3">
    <img class="img-responsive" src="img1.png" alt="">
  </div>
  <div class="col-xs-3">
    <img class="img-responsive" src="img2.png" alt="">
  </div>
  <div class="col-xs-3">
    <img class="img-responsive" src="img3.png" alt="">
  </div>
  <div class="col-xs-3">
    <img class="img-responsive" src="img4.png" alt="">
  </div>
</div

Answer 1

.img-responsive {
  position: relative;
  bottom: 0;
}

Answer 2

Решил проблему.

.row - display: table;
.col-xs-3 - display: table-cell;

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Почему не работает show() hide()

Здравствуйте пожалуйста помогите на сайте есть кнопка меню при нажатии на нее выдвигается меню так вот проблема в том что если нажать на кнопку...

331

HTML

Rating для каждой записи

ЗдравствуйтеСделал рейтинг для каждой записи

311

HTML

Ошибка. remove удаляет не элемент, а родителя

Всем привет! Хочу удалить div с надписью корзина, но удаляется почему-то родительcкий div foot-carousel

291

HTML

Отправить POST-запрос на сервер

Делаю регистрацию через мобильное приложение без доступа к API сайтаТо есть, я отслеживаю, какой запрос отправляется через форму регистрации...

353