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

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

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

文章图片
我想用3张小png图像代替地址, 即BBB A +认证企业和Google合作伙伴。
像这样:(Photoshoped)
如何在WordPress中为自定义标头实现Boostrap小部件代码()

文章图片
这是小部件代码:
< 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>

【如何在WordPress中为自定义标头实现Boostrap小部件代码()】关于隐藏列, 我知道引导程序可以通过添加类来实现此目的的各种方法, 而且还可以查看媒体查询。
@media only screen and (max-width: 960px) { .whatever { display:none; } }

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

    推荐阅读