<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="#">Java</a></li>
<li role="presentation"><a href="#">IOS</a></li>
<li role="presentation"><a href="#">Android</a></li>
</ul>
ul class:
nav nav-tabs标签页
nav nav-pills胶囊式
nav nav-pills nav-stacked垂直胶囊式
禁用链接:
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="#">Java</a></li>
<li role="presentation"><a href="#">IOS</a></li>
<li role="presentation" ><a href="#">Android</a></li>
<li role="presentation" class="disabled" ><a href="#">TokyoHot</a></li>
</ul>
面包屑导航:
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<ol class="breadcrumb">
<li><a href="#">前端技术</a></li>
<li><a href="#">BootStrap </a></li>
<li class="active">BootStrap 面包屑导航 </li>
</ol>