在Bootstrap框架中的下拉菜單還提供了下拉分隔線，假設下拉菜單有兩個組，那么組與組之間可以通過添加一個空的<li>，并且給這個<li>添加類名“divider”來實現(xiàn)添加下拉分隔線的功能。對應的樣式代碼：
/*源碼bootstrap.css文件第3034行～第3039行*/
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
效果如下：
我來試一試：完成下面代碼
在代碼編輯器中輸入代碼，實現(xiàn)為下拉菜單添加條分隔線效果，效果如下圖：
參考代碼如下：
<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"><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"><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>
<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>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">饅頭</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">面條</a></li>
</ul>
</div>
備注:這一小節(jié)沒有正確性驗證，請查看結(jié)果窗口與教案所給的結(jié)果圖片是否一致，從而判斷輸入代碼是否正確。
請驗證，完成請求
由于請求次數(shù)過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報