我在网站上工作,我不是引导专家。这是主题的标题:
我想用3张小png图像替换地址,即BBB A +认证企业和Google合作伙伴。
这是小部件代码:
<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>[email protected]</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
)
帮助将不胜感激!
尝试用另一行和三个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;
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句