1. 程式人生 > >下拉選單按鈕元件

下拉選單按鈕元件

在這裡插入圖片描述
在這裡插入圖片描述

<div class="dropdown">
  <button class="btn btn-default"  data-toggle="dropdown" >
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

在這裡插入圖片描述
在這裡插入圖片描述

**

設定選單的分割線

**
在這裡插入圖片描述

<ul class="dropdown-menu" >
  ...
  <li class="divider"></li>
  ...
</ul>

**

禁用選單選項

**
在這裡插入圖片描述

<ul class="dropdown-menu">
  <li><a href="#">Regular link</a></li>
  <li class="disabled"><a href="#">Disabled link</a></li>
  <li><a href="#">Another link</a></li>
</ul>