?

　　按鈕下拉菜單僅從外觀上看和上一節(jié)介紹的下拉菜單效果基本上是一樣的。不同的是在普通的下拉菜單的基礎(chǔ)上封裝了按鈕（.btn）樣式效果。簡(jiǎn)單點(diǎn)說(shuō)就是點(diǎn)擊一個(gè)按鈕，會(huì)顯示隱藏的下拉菜單。按鈕下拉菜單其實(shí)就是普通的下拉菜單，只不過(guò)把“<a>”標(biāo)簽元素?fù)Q成了“<button>”標(biāo)簽元素。唯一不同的是外部容器“div.dropdown”換成了“div.btn-group”。

?

　　

<div class="btn-group"><button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">按鈕下拉菜單<span class="caret"></span></button><ul class="dropdown-menu"><li><a href="##">按鈕下拉菜單項(xiàng)</a></li><li><a href="##">按鈕下拉菜單項(xiàng)</a></li><li><a href="##">按鈕下拉菜單項(xiàng)</a></li><li><a href="##">按鈕下拉菜單項(xiàng)</a></li></ul></div><div class="btn-group"><button class="btn btn-default dropdown-toggle" data-toggle="dropdown">請(qǐng)選擇<span class="caret"></span></button><ul class="dropdown-menu"><li><a>答復(fù)打底衫費(fèi)</a></li><li><a>答復(fù)打底衫費(fèi)</a></li><li><a>答復(fù)打底衫費(fèi)</a></li><li><a>答復(fù)打底衫費(fèi)</a></li></ul></div>

?

總結(jié)

以上是生活随笔為你收集整理的Bootstrap系列 -- 34. 按钮下拉菜单的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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