Bootstrap下拉選單disabled
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>Bootstrap 下拉選單</title>
<link rel=”stylesheet” href=”http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css”>
</head>
<body>
<div class=”container”>
<h2>下拉選單</h2>
<div class=”dropdown”>
<button class=”btn btn-default dropdown-toggle” type=”button” id=”menu1″ data-toggle=”dropdown”>
教程
<span class=”caret”></span>
</button>
<ul class=”dropdown-menu” role=”menu” aria-labelledby=”menu1″>
<li role=”presentation”><a role=”menuitem” tabindex=”-1″ href=”#”>HTML</a></li>
<li role=”presentation” class=”disabled”><a role=”menuitem” tabindex=”-1″ href=”#”>CSS</a></li>
<li role=”presentation”><a role=”menuitem” tabindex=”-1″ href=”#”>JavaScript</a></li>
<li role=”presentation” class=”divider”></li>
<li role=”presentation”><a role=”menuitem” tabindex=”-1″ href=”#”>關於我們</a></li>
</ul>
</div>
</div>
<script src=”http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js”></script>
<script src=”http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js”></script>
</body>
</html>
相關文章
- bootstrap36-Bootstrap下拉選單boot
- bootstrap39-Bootstrap下拉選單dropdownboot
- Bootstrap3系列:下拉選單boot
- bootstrap49-Bootstrap分割的按鈕下拉選單boot
- Bootstrap系列 -- 24. 下拉選單基本用法boot
- Bootstrap系列 -- 25. 下拉選單分割線boot
- Bootstrap系列 -- 26. 下拉選單標題boot
- Bootstrap系列 -- 28. 下拉選單狀態boot
- Bootstrap系列 -- 34. 按鈕下拉選單boot
- Bootstrap3系列:按鈕式下拉選單boot
- bootstrap50-按鈕下拉選單的大小boot
- Bootstrap系列 -- 27. 下拉選單對齊方式boot
- bootstrap 選單導航選單nav li滑鼠移入hover下拉顯示boot
- 如何使用 Bootstrap class 向按鈕新增下拉選單boot
- Bootstrap系列 -- 36. 向上彈起的下拉選單boot
- [開發教程] 第32講:Bootstrap導航選單裡的下拉選單boot
- 下拉選單
- [開發教程]第23講:Bootstrap帶下拉選單的按鈕boot
- vue下拉選單Vue
- html - 下拉選單HTML
- Spinner下拉選單
- Bootstrap系列 -- 15. 下拉選擇框selectboot
- Vue.js自定義下拉選單,如何實現在下拉選單區域外點選即可關閉下拉選單的功能Vue.js
- kendoUI 多選下拉選單 kendoMultiSelectUI
- CSS 二級下拉選單CSS
- HTML select下拉選單HTML
- HTML select 下拉選單HTML
- CSS二級下拉選單CSS
- jQuery 二級下拉選單jQuery
- DIV下拉式選單(轉)
- 選中select下拉選單項提交表單
- jQuery 美化select下拉選單jQuery
- 圓角select下拉選單
- select下拉選單 change事件事件
- 滑鼠滑過,展示下拉選單
- AngularJS教程十—— 下拉選單AngularJS
- HTML+CSS+JQuery實現下拉選單滑鼠懸浮顯示下拉選單,取消隱藏HTMLCSSjQuery
- css滑鼠懸浮下拉選單效果CSS