boo隋茚粟胫tstrap封装的响应式导航菜单可以让网页适应不同屏幕宽度大小噢。今天小编我就来分享一下用bootstrap怎样制作响应式导航菜单栏的经验噢。
工具/原料
电脑浏览器jQuery
bootstrapHbuilder
方法/步骤
1、boo隋茚粟胫tstrap响应式导航要用到这个jQuery以及bootstrapcss和bootstrapJS噢。
2、然后用一个container的div包裹住导航条即可。导航条代码便是这样的结构窕基栖常噢。id和target保持一致且可以自命名噢。
3、接着在nav-link这个类所在标签添加菜单名称便可以了噢。
4、然后打开网页便可以看到大屏幕时的导航条菜单了。
5、而当屏幕缩小则会隐藏起菜单选项了哦。
6、点击图标选项便可展示隐藏的导航条菜单选项了噢。
