Bootstrap 下拉菜單是可切換的，是以列表格式顯示鏈接的上下文菜單。這可以通過(guò)與 下拉菜單(Dropdown) JavaScript 插件 的互動(dòng)來(lái)實(shí)現(xiàn)。

如需使用下拉菜單，只需要在 class .dropdown 內(nèi)加上下拉菜單即可。下面的實(shí)例演示了基本的下拉菜單：

實(shí)例

主題

• Java
• 數(shù)據(jù)挖掘
• 數(shù)據(jù)通信/網(wǎng)絡(luò)
• 分離的鏈接

嘗試一下 ?

結(jié)果如下所示：

選項(xiàng)

對(duì)齊

通過(guò)向 .dropdown-menu 添加 class .pull-right 來(lái)向右對(duì)齊下拉菜單。下面的實(shí)例演示了這點(diǎn)：

實(shí)例

主題

• Java
• 數(shù)據(jù)挖掘
• 數(shù)據(jù)通信/網(wǎng)絡(luò)
• 分離的鏈接

嘗試一下 ?

結(jié)果如下所示：

標(biāo)題

您可以使用 class dropdown-header 向下拉菜單的標(biāo)簽區(qū)域添加標(biāo)題。下面的實(shí)例演示了這點(diǎn)：

主題

• 下拉菜單標(biāo)題
• Java
• 數(shù)據(jù)挖掘
• 數(shù)據(jù)通信/網(wǎng)絡(luò)
• 下拉菜單標(biāo)題
• 分離的鏈接

嘗試一下 ?

結(jié)果如下所示：

更多實(shí)例

類(lèi)

描述

實(shí)例

.dropdown

指定下拉菜單，下拉菜單都包裹在 .dropdown 里

.dropdown-menu

創(chuàng)建下拉菜單

.dropdown-menu-right

下拉菜單右對(duì)齊

.dropdown-header

下拉菜單中添加標(biāo)題

.dropup

指定向上彈出的下拉菜單

.disabled

下拉菜單中的禁用項(xiàng)

.divider

下拉菜單中的分割線(xiàn)

總結(jié)

以上是生活随笔為你收集整理的linux boot菜单列表,Bootstrap 下拉菜单（Dropdowns）简介的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。