@andrey_smirn

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

Необходимо разместить 6 изображений с подписями в 2 ряда по 3 колонки. Сейчас по 4 колонки.
Подскажите как реализовать.

Часть кода

<div role="tabpanel" class="tab-pane fade active in" id="vtab3">        <div class="row texture-wrap">            <div class="col-md-12">                <h3>Цвета</h3>
                <h4>Стандартные цвета</h4>
            </div>
<div class="col-md-3 col-sm-6 col-xs-12 text-center">                <div class="item-texture">                    <a data-fancybox="gallery" href="/image/catalog/texture/textile/1001.jpg" class="item-texture__img mb-6">                        <img src="/image/catalog/texture/textile/1.jpg">                    </a>                    <div class="item-texture__name">арт. 1001</div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 text-center">                <div class="item-texture">                    <a data-fancybox="gallery" href="/image/catalog/texture/textile/1003.jpg" class="item-texture__img mb-6">                        <img src="/image/catalog/texture/textile/2.jpg">                    </a>                    <div class="item-texture__name">арт. 1003</div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 text-center">                <div class="item-texture">                    <a data-fancybox="gallery" href="/image/catalog/texture/textile/1004.jpg" class="item-texture__img mb-6">                        <img src="/image/catalog/texture/textile/3.jpg">                    </a>                    <div class="item-texture__name">арт. 1004</div>
                </div>
            </div>
<div class="col-md-3 col-sm-6 col-xs-12 text-center">                <div class="item-texture">                    <a data-fancybox="gallery" href="/image/catalog/texture/textile/1005.jpg" class="item-texture__img mb-6">                        <img src="/image/catalog/texture/textile/4.jpg">                    </a>                    <div class="item-texture__name">арт. 1005</div>
<div class="item-texture__name"><br></div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 text-center">                <div class="item-texture">                    <a data-fancybox="gallery" href="/image/catalog/texture/textile/1006.jpg" class="item-texture__img mb-6">                        <img src="/image/catalog/texture/textile/5.jpg">                    </a>                    <div class="item-texture__name">арт. 1006</div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 text-center">                <div class="item-texture">                    <a data-fancybox="gallery" href="/image/catalog/texture/textile/1007.jpg" class="item-texture__img mb-6">                        <img src="/image/catalog/texture/textile/6.jpg">                    </a>                    <div class="item-texture__name">арт. 1007</div>
                </div>
            </div>
                                                   </div>
        </div>
    </div>
  • Вопрос задан
  • 221 просмотр
Решения вопроса 1
Pavel-ww
@Pavel-ww
Замените col-md-3 на col-md-4
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы