如何在WordPress中为自定义标头实现Boostrap小部件代码？

我在网站上工作, 我不是引导专家。这是主题的标题：

我想用3张小png图像代替地址, 即BBB A +认证企业和Google合作伙伴。

像这样：(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)

帮助将不胜感激！

#1

尝试用另一行和以下三个div替换地址内容。请记住, 各列最多需要添加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>

关于隐藏列, 我知道引导程序可以通过添加类来实现此目的的各种方法, 而且还可以查看媒体查询。

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

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