bootstarp是一个非常棒的前端开发框架,在自适应手机网站制作课程中,我们讲了怎么使用bootstarp框架去制作各类响应式网站。使用bootstarp框架和wordpress配合建网站时,比较麻烦的就是制作响应式二级下拉菜单。
下面学做网站就来介绍一下wordpress如何制作bootstarp响应式二级下拉菜单。
方法/步骤
1. 首先在导航菜单位置,使用以下的代码进行替换;
2.将以下的CSS代码加到style.css中,用于控制bootstarp响应式二级下拉菜单的样式;
3. 将以下的代码放到JS里,并且在代码中引用;
4. 然后通过后台菜单设置导航菜单项,在设置带有二级导航的一级导航时,需要添加一个class类,名为:dropdown 如下图:
5. 这样就可以制作出带有二级下拉菜单的bootstarp响应式二级下拉菜单了。
THE END
暂无评论内容