<div class="dropdown">
    <button class="btn btn-danger dropdown-toggle" type="button" data-toggle="dropdown">食物
    <span class="caret"></span>
    </button>
    <ul class="dropdown-menu dropdown-menu-right">
        <li class="dropdown-header pull-left"><a href="#">水果</a></li>
        <li ><a href="#">苹果</a></li>
        <li ><a href="#">香蕉</a></li>
        <li ><a href="#">桃子</a></li>
        <li class="divider"><a href="#"></a></li>
        <li class="dropdown-header"><a href="#">蔬菜</a></li>
        <li ><a href="#">芹菜</a></li>
        <li ><a href="#">萝卜</a></li>
        <li ><a href="#">黄瓜</a></li>
    </ul>
</div>

这样设置以后 dropdown-header的默认左右padding会造成 header不能靠左显示需要求改padding