Как сделать адаптивные изображения в несколько рядов?

Доброго!
Как сделать стили, чтобы при уменьшении экрана сжимает картинки, в последствии переносит их на след. строку.
0886dcd5fe624b8d854f23a03a0460e9.jpg
Делается в bootstrap
<div class="container gallery">
      <div class="col-lg-12">
        <a href=""><img src="img/photo_01.jpg" alt="" class="img-responsive"></a>
        <a href=""><img src="img/photo_02.jpg" alt="" class="img-responsive"></a>
        <a href=""><img src="img/photo_03.jpg" alt="" class="img-responsive"></a>
        <a href=""><img src="img/photo_04.jpg" alt="" class="img-responsive"></a>
        <a href=""><img src="img/photo_05.jpg" alt="" class="img-responsive"></a>
        <a href=""><img src="img/photo_06.jpg" alt="" class="img-responsive"></a>
      </div>
      <div class="col-lg-12">
        <a href=""><img src="img/photo_01.jpg" alt="" class="img-responsive"></a>
        <a href=""><img src="img/photo_02.jpg" alt="" class="img-responsive"></a>
        <a href=""><img src="img/photo_03.jpg" alt="" class="img-responsive"></a>
        <a href=""><img src="img/photo_04.jpg" alt="" class="img-responsive"></a>
        <a href=""><img src="img/photo_05.jpg" alt="" class="img-responsive"></a>
        <a href=""><img src="img/photo_06.jpg" alt="" class="img-responsive"></a>
      </div>
    </div>

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

Изрбражения не сжимаются, а сразу переносят на джругую строку, оставляю сбоку пространство ненужное.
  • Вопрос задан
  • 6316 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы