<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>

为什么第一个分割线超过四项就没有出现，删除第一个分类的最后一项就好了。