?

　　Bootstrap下拉菜單中使用?dropdown-header 來顯示菜單標題，和上一篇說道的分割線一樣

<div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">下拉菜單<span class="caret"></span></button><ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"><li role="presentation" class="dropdown-header">第一部分菜單頭部</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"><a role="menuitem" tabindex="-1" href="#">下拉菜單項</a></li><li role="presentation" class="divider"></li><li role="presentation" class="dropdown-header">第二部分菜單頭部</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"><a role="menuitem" tabindex="-1" href="#">下拉菜單項</a></li></ul> </div> <div class="dropdown"><button class="btn btn-info dropdown-toggle" data-toggle="dropdown">選擇運動</button><ul class="dropdown-menu"><li class="dropdown-header">第一部分標題</li><li><a href="javascript:void(0)">足球</a></li><li><a href="javascript:void(0)">籃球</a></li><li><a href="javascript:void(0)">乒乓球</a></li><li class="divider"></li><li class="dropdown-header">蔬菜</li><li><a href="javascript:void(0)">足球</a></li><li><a href="javascript:void(0)">籃球</a></li><li><a href="javascript:void(0)">乒乓球</a></li></ul> </div>

?

總結

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

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