<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello World</title>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
? ? <div>
? ? ? ? <div>
? ? ? ? <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
? ? ? ? <span>Toggle navigation</span>
? ? ? ? <span></span>
? ? ? ? <span></span>
? ? ? ? <span></span>
? ? ? ? </button>
? ? ? ? <a href="#">某管理系統</a>
? ? ? ? </div>
? ? ? ? <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
? ? ? ? ? ? <ul class="nav navbar-nav">
? ? ? ? ? ? ? ? <li><a href="#">首頁</a></li>
? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? <a href="#" data-toggle="dropdown">功能 <span></span></a>
? ? ? ? ? ? ? ? ? ? <ul role="menu">
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">業務功能</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">信息建立</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">信息查詢</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">信息管理</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">系統功能</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">設置</a></li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li><a href="#">幫助</a></li>
? ? ? ? ? ? </ul>
? ? ? ? ? ? <form class="navbar-form navbar-left" role="type">
? ? ? ? <div>
? ? ? ? ? <input type="text" placeholder="用戶名">
? ? ? ? </div>
? ? ? ? </form>
? ? ? ? <form class="navbar-form navbar-left" role="type">
? ? ? ? <div>
? ? ? ? ? <input type="text" placeholder="密碼">
? ? ? ? </div>
? ? ? ? <button type="submit" class="btn btn-default">登陸</button>
? ? ? ? </form>
? ? ? ? </div>
? ? </div>
</nav>
<link rel="stylesheet" >
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
