分割线问题
<div class="dropdown"> <button class="btn btn-default dropdoen-toggle" data-toggle="dropdown">食物 <span class="caret"></span> </button> <ul class="dropdown-menu"> <li class="dropdown-header">水果</li> <li><a href="#">苹果</a></li> <li><a href="#">香蕉</a></li> <li><a href="#">梨</a></li> <li><a href="#">桃</a></li> <li class="divider"></li> <li class="dropdown-header">蔬菜</li> <li><a href="#">芹菜</a></li> <li><a href="#">萝卜</a></li> <li><a href="#">茄子</a></li> <li class="divider"></li> <li class="dropdown-header">主食</li> <li><a href="#">米饭</a></li> <li><a href="#">馒头</a></li> <li><a href="#">面条</a></li> </ul> </div>
为什么第一个分割线超过四项就没有出现，删除第一个分类的最后一项就好了。
