-
- 慕先生2460855 2021-01-26
.nav 导航
.nav-tabs 切换的导航
.nav-pills 胶囊导航
.nav-stacked 垂直导航
.nav-justified 两端对齐导航
-
截图0赞 · 0采集
-
- 咋的 2020-09-20
导航
以一个带有class .nav的无序列表开始
.nav-tabs 代表可切换的导航
.nav-pills 代表胶囊导航
.nav-judtified 使导航垂直
- 0赞 · 0采集
-
- 慕粉4317783 2020-02-01
bootstrap组件导航
-
截图0赞 · 0采集
-
- 为了自己加油 2019-04-10
导航
以一个带有class .nav的无序列表开始
.nav-tabs 代表可切换的导航
.nav-pills 代表胶囊导航
.nav-judtified 使导航垂直
- 0赞 · 1采集
-
- PQ123456 2019-03-05
- 使导航垂直展示的类nav-stacked，那.nav-justified呢
-
截图0赞 · 0采集
-
- PQ123456 2019-03-05
- 使导航垂直展示 .nav-justified
-
截图0赞 · 0采集
-
- qq_丸子_14 2018-09-26
导航控件nav-
截图0赞 · 0采集
-
- 斌哥在此 2018-09-05
Bootstrap4.0写法
<ul class="nav nav-tabs"> <li class="nav-item"><a class="nav-link active" href="http://www.imooc.com">慕课网</a></li> <li class="nav-item"><a class="nav-link" href="http://www.imooc.com">慕课网</a></li> <li class="nav-item"><a class="nav-link" href="http://www.imooc.com">慕课网</a></li> </ul> <ul class="nav nav-pills"> <li class="nav-item"><a class="nav-link active" href="http://www.imooc.com">慕课网</a></li> <li class="nav-item"><a class="nav-link" href="http://www.imooc.com">慕课网</a></li> <li class="nav-item"><a class="nav-link" href="http://www.imooc.com">慕课网</a></li> </ul> <ul class="nav nav-pills flex-column"> <li class="nav-item"><a class="nav-link active" href="http://www.imooc.com">慕课网</a></li> <li class="nav-item"><a class="nav-link" href="http://www.imooc.com">慕课网</a></li> <li class="nav-item"><a class="nav-link" href="http://www.imooc.com">慕课网</a></li> </ul>
- 1赞 · 1采集
-
- 慕粉2026319708 2018-08-06
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Mooc网学习</title> <link href="css/bootstrap-theme.min.css"rel="stylesheet"> <link href="css/bootstrap.min.css"rel="stylesheet"> </head> <body> <ul class="nav nav-tabs"> <li class="active"><a href="http://www.baidu.com">慕课网</a> </li> <li><a href="http://www.baidu.com">慕课网</a> </li> <li><a href="http://www.baidu.com">慕课网</a> </li> </ul> <ul class="nav nav-pills"> <li class="active"><a href="http://www.baidu.com">慕课网</a> </li> <li><a href="http://www.baidu.com">慕课网</a> </li> <li><a href="http://www.baidu.com">慕课网</a> </li> </ul> <ul class="nav nav-pills nav-stacked"> <li class="active"><a href="http://www.baidu.com">慕课网</a> </li> <li><a href="http://www.baidu.com">慕课网</a> </li> <li><a href="http://www.baidu.com">慕课网</a> </li> </ul> <script src="js/jquery-3.1.1.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>
- 0赞 · 0采集
-
- 慕仰0566622 2018-07-07
Bootstrap组件-导航
-
截图0赞 · 0采集
-
- 慕少安 2018-07-04
导航：
1、以一个带有class.nav的无序列表开始
2、.nav-tabs代表可切换的导航
3、.nav-pills代表胶囊导航
4、.nav-justified使导航垂直
添加一个active的class，可使得指定导航元素被选中
- 0赞 · 0采集
-
- yxl1074399 2018-06-26
Bootstrap组件-导航
-
截图0赞 · 0采集
-
- 隔壁老王的弟子 2018-05-08
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Mooc网学习</title> <link href="css/bootstrap-theme.min.css"rel="stylesheet"> <link href="css/bootstrap.min.css"rel="stylesheet"> </head> <body> <ul class="nav nav-tabs"> <li class="active"><a href="http://www.baidu.com">慕课网</a> </li> <li><a href="http://www.baidu.com">慕课网</a> </li> <li><a href="http://www.baidu.com">慕课网</a> </li> </ul> <ul class="nav nav-pills"> <li class="active"><a href="http://www.baidu.com">慕课网</a> </li> <li><a href="http://www.baidu.com">慕课网</a> </li> <li><a href="http://www.baidu.com">慕课网</a> </li> </ul> <ul class="nav nav-pills nav-stacked"> <li class="active"><a href="http://www.baidu.com">慕课网</a> </li> <li><a href="http://www.baidu.com">慕课网</a> </li> <li><a href="http://www.baidu.com">慕课网</a> </li> </ul> <script src="js/jquery-3.1.1.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>
- 0赞 · 0采集
-
- 宝慕林6292338 2018-04-25
导航-胶囊导航-垂直导航
-
截图0赞 · 0采集
-
- 深山老龟 2018-04-18
2
-
截图0赞 · 0采集
-
- 深山老龟 2018-04-18
1
-
截图0赞 · 0采集
-
- 深山老龟 2018-04-18
导航
-
截图0赞 · 0采集
-
- 刘家小妹子 2018-04-03
导航条----------nav 1.可切换的导航 nav-tabs 2.胶囊导航 nav-pills 3.垂直导航 nav-justified / nav-stacked 在导航之中默认选中的在li上面加active 可切换导航 <ul class="nav nav-tabs"> <li class="active"><a href="#">慕课网1</a></li> <li><a href="#">慕课网2</a></li> <li><a href="#">慕课网3</a></li> </ul> 胶囊式 <ul class="nav nav-pills"> <li class="active"><a href="#">慕课网1</a></li> <li><a href="#">慕课网2</a></li> <li><a href="#">慕课网3</a></li> </ul> 垂直 <ul class="nav nav-pills nav-stacked"> <li class="active"><a href="#">慕课网1</a></li> <li><a href="#">慕课网2</a></li> <li><a href="#">慕课网3</a></li> </ul> .active默认选中
- 3赞 · 2采集
-
- sTone_StarDust 2018-01-28
- 竖直导航 nav-stacked
-
截图0赞 · 0采集
-
- sTone_StarDust 2018-01-28
- 导航的制作
-
截图0赞 · 0采集
-
- 慕婉清1371058 2017-12-24
- 导航组件
-
截图0赞 · 0采集
-
- cat糯米团 2017-11-17
- 导航 .nav 无序列表 .nav-tabs 代表可切换的导航 .nav-pills 代表胶囊导航 .nav-justified 使导航垂直 .nav-stacked 导航垂直 .active 选中状态
- 0赞 · 0采集
-
- 阿谬 2017-11-03
- class .nav 无序列表 .nav-tabs 可切换的导航 .nav-pills 胶囊导航 .nav-justfiled 使导航垂直
-
截图0赞 · 0采集
-
- 慕侠2661030 2017-09-29
- 导航。。
-
截图0赞 · 0采集
-
- 凉客CMC 2017-08-29
- 导航条----------nav 1.可切换的导航 nav-tabs 2.胶囊导航 nav-pills 3.垂直导航 nav-justified / nav-stacked 在导航之中默认选中的在li上面加active 可切换导航 <ul class="nav nav-tabs"> <li class="active"><a href="#">慕课网1</a></li> <li><a href="#">慕课网2</a></li> <li><a href="#">慕课网3</a></li> </ul> 胶囊式 <ul class="nav nav-pills"> <li class="active"><a href="#">慕课网1</a></li> <li><a href="#">慕课网2</a></li> <li><a href="#">慕课网3</a></li> </ul> 垂直 <ul class="nav nav-pills nav-stacked"> <li class="active"><a href="#">慕课网1</a></li> <li><a href="#">慕课网2</a></li> <li><a href="#">慕课网3</a></li> </ul> .active默认选中
-
截图0赞 · 0采集
-
- 慕用8344933 2017-08-16
- class="active"为默认选中
- 0赞 · 0采集
-
- Chrimisia 2017-07-22
- 组件_导航
-
截图0赞 · 0采集
-
- Youwillbethere 2017-07-18
- Bootstrap组件——导航
-
截图0赞 · 0采集
-
- 慕雪1402187 2017-07-07
- nav-justified让标签式或胶囊式导航菜单与父元素等宽
- 0赞 · 0采集
-
- 慕粉15666864416 2017-06-11
- active 是默认选中
-
截图0赞 · 1采集
数据加载中...