<!DOCTYPE html>
<html>
<head>
<meta charset=
"utf-8"
>
<title>Bootstrap 基于标签的下拉菜单的导航实例</title>
<meta name=
"description"
content=
"Bootstrap 基于标签的下拉菜单的导航实例"
>
<link href=
"../bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap2.2.css"
rel=
"stylesheet"
>
<style type=
"text/css"
>
.container {
margin-top: 200px;
}
</style>
</head>
<body>
<div>
<div>
<div>
<ul
class
=
"nav nav-tabs"
>
<li><a href=
"#"
>Home</a></li>
<li><a href=
"#"
>About</a></li>
<li><a data-toggle=
"dropdown"
href=
"#"
>FrontEnd<b></b></a>
<ul>
<li><a href=
"#"
>Twitter Bootstrap</a></li>
<li><a href=
"#"
>Google Plus API</a></li>
<li><a href=
"#"
>HTML5</a></li>
<li></li>
<li><a href=
"#"
>Examples</a></li>
</ul>
</li>
<li><a data-toggle=
"dropdown"
href=
"#"
>BackEnd<b
class
=
"caret bottom-up"
></b></a>
<ul
class
=
"dropdown-menu bottom-up pull-right"
>
<li><a href=
"#"
>PHP</a></li>
<li><a href=
"#"
>MySQL</a></li>
<li><a href=
"#"
>PostgreSQL</a></li>
<li></li>
<li><a href=
"#"
>Live Demos</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<script src=
"../bootstrap/twitter-bootstrap-v2/docs/assets/js/jquery.js"
></script>
<script src=
"../bootstrap/twitter-bootstrap-v2/docs/assets/js/bootstrap-dropdown.js"
></script>
<script src=
"../bootstrap/twitter-bootstrap-v2/docs/assets/js/application.js"
></script>
</body>
</html>