如何在WordPress中为自定义标头实现引导小部件代码?

Zeeshan Toor

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

在此处输入图片说明

我想用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>[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;
}
}

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Flutter中的GridView中为窗口小部件设置自定义高度?

如何在 Flutter 中自定义 Slider 小部件?

如何在Django表单中为窗口小部件提供自定义名称

如何在无服务器中为自定义标头提供CORS?

如何在angularjs应用程序中为Bootstrap Popover添加自定义标头

在Wordpress中创建自定义小部件

如何实现自定义HTTP标头RESTKit

如何在flutter中为谷歌地图创建自定义图像标记并在自定义小部件中使用它?

如何在flutter中删除listview.builder中自定义小部件和适合小部件之间的空格

如何在应用小部件中创建类似于Google Play音乐小部件中的自定义视图?

如何在代码块上提供自动自定义标头?

如何在Wordpress中为自定义表单组织代码?

如何在KV lang中设置来自父项的自定义窗口小部件的文本?

如何在Flutter中自定义Slider小部件的拇指颜色?

如何在Qt / C ++中构建自定义的本机OSX Webkit小部件?

Flutter-如何在自定义类窗口小部件中更改变量

Flutter Cards:如何在Flutter中创建自定义卡片小部件

如何在QT Creator中升级自定义小部件

如何在C语言中的GTK3中创建自定义窗口小部件?

如何在Flutter中向文本小部件添加自定义删除线

如何在Flutter中制作自定义小部件/组件?

如何在Yii 2的GridView小部件中对自定义列进行排序?

如何在QListWidget中缩放自定义窗口小部件?

如何在Django的modelform小部件中添加自定义错误消息

如何在Flutter中将自定义小部件项目填充到ListView中?

如何在自定义 Thingsboard 小部件中访问 MatTableDataSource?

如何在自定义小部件中打开条形码扫描仪?

如何在 Flutter 中创建自定义类型的小部件?

如何在自定义对话框小部件中获取文本字段的输入?