bootstrap49-Bootstrap分割的按鈕下拉選單
<!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”>
<div class=”btn-group”>
<button class=”btn btn-default”>預設</button>
<button class=”btn btn-default dropdown-toggle” data-toggle=”dropdown”>
<span class=”caret”></span>
<span class=”sr-only”>切換下拉選單</span>
</button>
<ul class=”dropdown-menu” role=”menu”>
<li><a href=”#”>功能 1</a></li>
<li><a href=”#”>功能 2</a></li>
<li><a href=”#”>功能 3</a></li>
<li class=”divider”></li>
<li><a href=”#”>功能 4</a></li>
</ul>
</div>
<div class=”btn-group”>
<button class=”btn btn-primary”>預設</button>
<button class=”btn btn-primary dropdown-toggle” data-toggle=”dropdown”>
<span class=”caret”></span>
<span class=”sr-only”>切換下拉選單</span>
</button>
<ul class=”dropdown-menu” role=”menu”>
<li><a href=”#”>功能 1</a></li>
<li><a href=”#”>功能 2</a></li>
<li><a href=”#”>功能 3</a></li>
<li class=”divider”></li>
<li><a href=”#”>功能 4</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>
相關文章
- bootstrap50-按鈕下拉選單的大小boot
- Bootstrap系列 -- 34. 按鈕下拉選單boot
- Bootstrap3系列:按鈕式下拉選單boot
- 如何使用 Bootstrap class 向按鈕新增下拉選單boot
- [開發教程]第23講:Bootstrap帶下拉選單的按鈕boot
- 單選多選按鈕
- 窗體(文字框,按鈕,單選按鈕,標籤)
- JavaScript操作文字框、單選按鈕、下拉框、核取方塊JavaScript
- Java選擇框和單選按鈕Java
- 獲取選中表單按鈕的值
- Tkinter (11) 選單按鈕部件 Menubutton
- 配置選單按鈕掃一掃
- 單選按鈕美化效果程式碼
- js單選按鈕radio選中值JS
- Bootstrap系列 -- 25. 下拉選單分割線boot
- 一個簡單的選單按鈕的實現 (轉)
- radio 單選按鈕 選中多個
- HTML input radio 單選按鈕HTML
- 單選按鈕和核取方塊
- HTML input radio單選按鈕HTML
- Chrome 22亮相 全新選單按鈕曝光Chrome
- radio單選按鈕美化效果
- jQuery操作單選按鈕程式碼示例jQuery
- angular雙向繫結—(按鈕+下拉)Angular
- jQuery如何判斷單選按鈕是否被選中jQuery
- Tkinter (15) 單選按鈕部件 Radiobutton
- Tkinter (30) 選單按鈕部件 ttk.Menubutton
- 第 7 章 圖示選單按鈕元件元件
- js如何取得選中的單選按鈕radio的值JS
- css3將radio單選按鈕模擬為按鈕形狀CSSS3
- HTML 單選按鈕實現 (性別選擇)(解讀)HTML
- JavaScript獲取選中radio單選按鈕值JavaScript
- 設定radio單選按鈕預設選中
- JavaScript 獲取radio 選中單選按鈕值JavaScript
- jQuery獲取被選中radio單選按鈕的值jQuery
- js如何獲取選中radio單選按鈕的值JS
- jQuery如何獲取選中單選按鈕radio的值jQuery
- [開發教程] 第17講:Bootstrap單選按鈕boot