?

　　按鈕下拉菜單僅從外觀上看和上一節介紹的下拉菜單效果基本上是一樣的。不同的是在普通的下拉菜單的基礎上封裝了按鈕（.btn）樣式效果。簡單點說就是點擊一個按鈕，會顯示隱藏的下拉菜單。按鈕下拉菜單其實就是普通的下拉菜單，只不過把“<a>”標簽元素換成了“<button>”標簽元素。唯一不同的是外部容器“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="##">按鈕下拉菜單項</a></li><li><a href="##">按鈕下拉菜單項</a></li><li><a href="##">按鈕下拉菜單項</a></li><li><a href="##">按鈕下拉菜單項</a></li></ul></div><div class="btn-group"><button class="btn btn-default dropdown-toggle" data-toggle="dropdown">請選擇<span class="caret"></span></button><ul class="dropdown-menu"><li><a>答復打底衫費</a></li><li><a>答復打底衫費</a></li><li><a>答復打底衫費</a></li><li><a>答復打底衫費</a></li></ul></div>

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。