首页 > 代码库 > Bootstrap3系列：导航
Bootstrap3系列：导航
1. 标签页
.nav添加.nav-tabs设计标签页，.nav-tabs 依赖 .nav 基类。
1.1 示例代码
<ul class="nav nav-tabs"> <li class="active"><a href="#">首页</a></li> <li><a href="#">个人设置</a></li> <li><a href="#">消息中心</a></li></ul>
1.2 示例效果
2. 胶囊式标签页
.nav添加.nav-pills设计胶囊式标签页
2.1 示例代码
<ul class="nav nav-pills"> <li class="active"><a href="#">首页</a></li> <li><a href="#">个人设置</a></li> <li><a href="#">消息中心</a></li></ul>
2.2 示例效果
3. 胶囊式标签页垂直排列
在<ul class="nav nav-pills">添加.nav-stacked设计胶囊式标签页垂直排列。
3.1 示例代码
<ul class="nav nav-pills nav-stacked"> <li class="active"><a href="#">首页</a></li> <li><a href="#">个人设置</a></li> <li><a href="#">消息中心</a></li></ul>
3.2 示例效果
Bootstrap3系列：导航
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。