Как реализовать код виджета начальной загрузки для настраиваемого заголовка в WordPress?

Question

Я работаю над сайтом, я не профессионал в начальной загрузке.Вот заголовок, который у меня есть с темой:

Я хочу заменить адрес на 3 небольших изображения в формате png, например, BBB A + Аккредитованный бизнес и Google Partner.

Как это: (Photoshoped)

Вот код виджета:

<div class="col-xs-12 col-sm-9 col-lg-10 start-xs start-sm">
    <aside id="text-3" class="widget header-right widget_text">
        <div class="textwidget">
            <div class="container extra-info">
                <div class="row">
                    <div class="col-sm-5 col-md-5">
                        <i class="fa fa-phone"></i>
                        <div class="phone">
                            <h3>1-775-97-377</h3>
                            <span>info@thememove.com</span>
                        </div>
                    </div>
                    <div class="col-sm-7 col-md-6">
                        <i class="fa fa-home"></i>
                        <div class="address">
                            <h3>14 Tottenham Court Road</h3>
                            <span>London, England.</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </aside>
</div>

Пожалуйста, дайте мне знать, какиебудут правильные теги и код, который я могу использовать?У меня тоже проблема с выравниванием!col-md, я хочу спрятать его в мобильной версии (возможно col-xs)

Помощь будет очень полезна!

Answer 1

Попробуйте заменить содержимое адреса другой строкой и тремя разделителями, как показано ниже.Помните, что столбцы должны добавить до 12, чтобы сетка работала должным образом.

<div class="address">
<div class="row">
<div class="col-md-4">logo here</div>
<div class="col-md-4">logo here</div>
<div class="col-md-4">logo here</div>
</div>

Также, что касается скрытия столбцов, я знаю, что у bootstrap есть различные способы сделать это с добавлением их классов, нотакже посмотрите на медиа-запросы.

@media only screen and (max-width: 960px) {
.whatever {
display:none;
}
}

https://www.w3schools.com/css/css_rwd_mediaqueries.asp