<title>Bootstrap 实例 - 标签页与胶囊式标签页</title>
<link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">
<script src="/js/bootstrap/jquery.min.js"></script>
<script src="/js/bootstrap/bootstrap3.3.7.min.js"></script>
<ul class="nav nav-pills" role="tablist">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
教程 <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>