wordpress如何制作bootstarp响应式二级下拉菜单

wordpress如何制作bootstarp响应式二级下拉菜单

bootstarp是一个非常棒的前端开发框架,在自适应手机网站制作课程中,我们讲了怎么使用bootstarp框架去制作各类响应式网站。使用bootstarp框架和wordpress配合建网站时,比较麻烦的就是制作响应式二级下拉菜单

下面学做网站就来介绍一下wordpress如何制作bootstarp响应式二级下拉菜单。

方法/步骤
1. 首先在导航菜单位置,使用以下的代码进行替换;

2.将以下的CSS代码加到style.css中,用于控制bootstarp响应式二级下拉菜单的样式;

3. 将以下的代码放到JS里,并且在代码中引用;

4. 然后通过后台菜单设置导航菜单项,在设置带有二级导航的一级导航时,需要添加一个class类,名为:dropdown 如下图:

图片[1]-wordpress如何制作bootstarp响应式二级下拉菜单-龙网 - 教程、网赚、安全、免费资源

5. 这样就可以制作出带有二级下拉菜单的bootstarp响应式二级下拉菜单了。

版权声明
转载请注明本文地址:https://www.e363.com/270.html
THE END
喜欢龙网的内容,就支持一下吧!
点赞13赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容