如何用Bootstrap制作导航条
Bootstrap作为目前比较流行的前端框架，它给我们开发页面提供了便捷。下面小编给大家介绍一下如何用Bootstrap制作导航条
东西/材料
Sublime Text
操作方式
-
01
起首我们需要搭建一个html页面，如下图所示，在页面中导入需要的bootstrap文件
-
02
然后我们在body标签中写下nav元素，如下图所示，注重给nav元素添加导航条样式
-
03
接下来就给导航添加内容，如下图所示，运用的是ul元素，这里也运用了nav导航样式
-
04
若是想要激活哪个导航，只需要像下图的体例，在li元素中添加active样式即可
-
05
Bootstrap中的导航有下拉结果的设计，若是想用这种结果，需要用dropdown样式，如下图所示
-
06
别的，值得一提的下拉导航条中可以加朋分线，如下图所示，运用divider样式即可
-
07
最后我们运行页面法式，你会看到如下图所示的结果，下拉导航以及激活状况都已经显示出来了
- End
- 发表于 2018-02-14 00:00
- 阅读 ( 702 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章