Как правильно создать галерею?

Question

[Maks Burkov]

<div class="container">
    <div class="row">
        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
            <a href=""><img src="../images/photo-1462910350365-b1697cc6b4f6.jpg" class="img-thumbnail"></a>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
            <a href=""><img src="../images/pexels-photo-94685.jpeg" class="img-thumbnail"></a>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
            <a href=""><img src="../images/pexels-photo.jpg" class="img-thumbnail"></a>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
            <a href=""><img src="../images/33323794194_2540b39aa8_b.jpg" class="img-thumbnail"></a>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
            <a href=""><img src="../images/hot-air-balloon-valley-sky-99551.jpeg" class="img-thumbnail"></a>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
            <a href=""><img src="../images/pexels-photo-94287.jpeg" class="img-thumbnail"></a>
        </div>
    </div>
</div>

При выстраивании в col-sm-6 .. Я получаю данное поведение .. Почему я получаю пробелы между фотками ? Как это исправить ?

Comments

[Александр Белькевич]

ссылку в студию

[Maks Burkov]

Александр Белькевич: Какую ?

[Александр Белькевич]

Maks Burkov: где можно увидеть верстку? В данном случае одного кода недостаточно

[Maks Burkov]

Вот скрин побольше для лутшего представления .

[Maks Burkov]

Александр Белькевич: В принципе это весь код , перекопируйте подставьте 6 картинок ..
Bootstrap сетка и класс img - thumbnail . Bootstrap min.js и min.css !
Сделанно по Пример

[Александр Белькевич]

Maks Burkov: https://codepen.io/Belkevich/pen/eRdePy вот ваш код. Все нормально.

[Maks Burkov]

Александр Белькевич: То есть вы ничего не изменили и у вас работает ?

[Александр Белькевич]

Maks Burkov: Да. Вы можете посмотреть код на кодпене. Поэтому я и говорю. Выложите свою верстку куда-нибудь, чтобы можно было увидеть данную проблему

Answer 1

[Максим Тимофеев]

Почему я получаю пробелы между фотками

Потому что у них разная высота.

Как это исправить ?

getbootstrap.com/css/#grid-responsive-resets