亚洲热伊人小说网站,亚洲污伊人导航,最新久草在线网

                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /基于bootstrap的網頁開發

下拉菜單標題咋設置。。

悅瑩湯湯

2014-09-13

源自：基于bootstrap的網頁開發 3-4

關注問題我要回答

1109

操作

收起

3 回答

慕粉3435721
2016-06-03

<!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>
????<link?/>
</head>

<body>
<div>
????<div>
????????<div>
????????????<nav?class="navbar?navbar-default"?role="navigation">
????????????????<div>

????????????????????<button?type="button"?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"?role="button"?aria-haspopup="true"?aria-expanded="false">功能?<span></span></a>
????????????????????????????<ul>
????????????????????????????<li>業務功能</li>
????????????????????????????????<li>
????????????????????????????????????<a?href="#">信息建立</a>
????????????????????????????????</li>
????????????????????????????????<li>
????????????????????????????????????<a?href="#">信息查詢</a>
????????????????????????????????</li>
????????????????????????????????<li>
????????????????????????????????????<a?href="#">信息管理</a>
????????????????????????????????</li>
????????????????????????????????
????????????????????????????????<li>
????????????????????????????????</li>
????????????????????????????????<li>系統功能</li>
????????????????????????????????<li>
????????????????????????????????????<a?href="#">設置</a>
????????????????????????????????</li>

????????????????????????????</ul>
????????????????????????</li>
????????????????????????<li>
????????????????????????????<a?href="#">幫助</a>
????????????????????????</li>

????????????????????</ul>

????????????????????<form?class="navbar-form?navbar-left?form-inline">
????????????????????????<div>

????????????????????????????<input?type="email"?placeholder="用戶名..."/>
????????????????????????</div>
????????????????????????<div>
????????????????????????????<input?type="password"??placeholder="密碼..."/>
????????????????????????</div>

????????????????????????<button?type="submit"?class="btn?btn-default">
????????????????????????????登錄
????????????????????????</button>
????????????????????</form>
????????????????</div>

????????????</nav>
????????</div>
????</div>
</div>

<script?src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script?src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>