課程
/前端開發(fā)
/Bootstrap
/基于bootstrap的網(wǎng)頁開發(fā)
下拉菜單標(biāo)題咋設(shè)置。。
2014-09-13
源自:基于bootstrap的網(wǎng)頁開發(fā) 3-4
正在回答
<!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="#">某管理系統(tǒng)</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>業(yè)務(wù)功能</li> ????????????????????????????????<li> ????????????????????????????????????<a?href="#">信息建立</a> ????????????????????????????????</li> ????????????????????????????????<li> ????????????????????????????????????<a?href="#">信息查詢</a> ????????????????????????????????</li> ????????????????????????????????<li> ????????????????????????????????????<a?href="#">信息管理</a> ????????????????????????????????</li> ???????????????????????????????? ????????????????????????????????<li> ????????????????????????????????</li> ????????????????????????????????<li>系統(tǒng)功能</li> ????????????????????????????????<li> ????????????????????????????????????<a?href="#">設(shè)置</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>
請問 dropdown-header 如何讓標(biāo)題居左顯示,我做出來的算是居中顯示的,求賜教!見下圖:
<li class="dropdown-header">業(yè)務(wù)功能</li>
舉報
Bootstrap框架的基礎(chǔ)教程,學(xué)會用Bootstrap前端框架搭建網(wǎng)頁
2 回答下拉菜單點擊定位不到相應(yīng)的內(nèi)容
1 回答關(guān)于在圖片上添加說明和按鈕的問題
1 回答為什么參考代碼中,柵格布局的列加起來可以大于12的?
1 回答logo 不同屏幕更換
1 回答圖片變形問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-06-03
2015-08-09
請問 dropdown-header 如何讓標(biāo)題居左顯示,我做出來的算是居中顯示的,求賜教!見下圖:
2014-09-17
<li class="dropdown-header">業(yè)務(wù)功能</li>