bootstrap下拉清單怎麼設定

本章將重點放在 Bootstrap 下拉選單。下拉式選單是可切換的，是以清單格式顯示連結的上下文選單。這可以透過與 下拉式選單（Dropdown） JavaScript 外掛 的互動來實現。

如需使用下拉式選單，只需在 class .dropdown 內加上下拉式選單。 （推薦學習：Bootstrap影片教學）

下面的實例示範了基本的下拉式選單：

<div class="dropdown">
    <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">主题
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">Java</a>
        </li>
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
        </li>
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
        </li>
        <li role="presentation" class="divider"></li>
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">分离的链接</a>
        </li>
    </ul>
</div>

類	說明
.dropdown	指定下拉式選單，下拉式選單都包裹在.dropdown 裡
##.dropdown-menu	建立下拉式選單
.dropdown-menu-right	下拉選單右對齊
.dropdown-header	下拉式選單中新增標題
.dropup	指定往上彈出的下拉式選單
##.disabled	#下拉式選單中的停用項目
.divider	下拉式選單中的分割線

#更多Bootstrap相關技術文章，請造訪Bootstrap教學欄位學習！

以上是bootstrap下拉清單怎麼設定的詳細內容。更多資訊請關注PHP中文網其他相關文章！