我在网站上工作, 我不是引导专家。这是主题的标题:
文章图片
我想用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>
【如何在WordPress中为自定义标头实现Boostrap小部件代码()】关于隐藏列, 我知道引导程序可以通过添加类来实现此目的的各种方法, 而且还可以查看媒体查询。
@media only screen and (max-width: 960px) {
.whatever {
display:none;
}
}
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
推荐阅读
- 如何控制WordPress的AWE主题的滑块速度()
- 如何配置WordPress开发,主要,次要更新配置
- 如何将style.sass编译为style.css并保持缩进
- CentOS 8 - Bind DNS -支持IPV4&IPV6双栈服务配置
- ARHEL 6 中误删 libc.so.6 文件后恢复
- linux之lscpu命令
- oeasy教您玩转vim - 46 - # 范围控制
- 编译安装基于FASTCGI模式LAMP架构多虚拟主机WEB应用及loganalyzer图形化日志
- Redis备份工具Redis-dump