Bootstrap作为目前比较流行的前端框架 ， 它给我们开发页面提供了便捷 。下面小编给大家介绍一下如何用Bootstrap制作导航条
工具/材料
Sublime Text
首先我们需要搭建一个html页面 ， 如下图所示 ， 在页面中导入需要的bootstrap文件


然后我们在body标签中写下nav元素 ， 如下图所示 ， 注意给nav元素添加导航条样式


接下来就给导航添加内容 ， 如下图所示 ， 运用的是ul元素 ， 这里也运用了nav导航样式


如果想要激活哪个导航 ， 只需要像下图的方式 ， 在li元素中添加active样式即可


Bootstrap中的导航有下拉效果的设计 ， 如果想用这种效果 ， 需要用dropdown样式 ， 如下图所示


另外 ， 值得一提的下拉导航条中可以加分割线 ， 如下图所示 ， 运用divider样式即可


最后我们运行页面程序 ， 你会看到如下图所示的效果 ， 下拉导航以及激活状态都已经显示出来了

【如何用Bootstrap制作导航条】

• 如果人生只剩三个月
• 春风十里，不如余生有你
• 《查拉图斯特拉如是说》读后感摘抄
• 水泥地|水泥地裂了怎么补
• 《中国哲学如何登场》读后感摘抄
• 十年一品温如言 完美珍藏版（全三册）（得成比目何辞死，只羡温
• 电视柜|电视柜如何选择尺寸
• 天底下只有三件事，精辟！
• 德祐的门店复制模式——如何快速培养人才？ 薄荷曼哥
• 好友的遇见犹如淡淡的花开