Bootstrap按钮下拉菜单

Bootstrap按钮下拉菜单

<p class="btn-group">  
        <button type="button" class="btn btn-default dropdown-toggle btn-md" data-toggle="dropdown">默认  
        <span class="caret"></span>  
    </button>  
        <ul class="dropdown-menu" role="menu">  
            <li>  
                <a href="#">功能</a>  
            </li>  
            <li>  
                <a href="#">另一个功能</a>  
            </li>  
            <li>  
                <a href="#">其他</a>  
            </li>  
            <li class="pider"></li>  
            <li>  
                <a href="#">分离的链接</a>  
            </li>  
        </ul>  
    </p>  
    <p class="btn-group">  
        <button type="button" class="btn btn-primary">原始</button>  
        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">  
        <span class="caret"></span>  
    </button>  
        <ul class="dropdown-menu" role="menu">  
            <li>  
                <a href="#">功能</a>  
            </li>  
            <li>  
                <a href="#">另一个功能</a>  
            </li>  
            <li>  
                <a href="#">其他</a>  
            </li>  
            <li class="pider"></li>  
            <li>  
                <a href="#">分离的链接</a>  
            </li>  
        </ul>  
    </p>  
    <p style="height:200px;"></p>  
    <p class="btn-group dropup">  
        <button type="button" class="btn btn-default dropdown-toggle btn-lg" data-toggle="dropdown">默认  
        <span class="caret"></span>  
    </button>  
        <ul class="dropdown-menu" role="menu">  
            <li>  
                <a href="#">功能</a>  
            </li>  
            <li>  
                <a href="#">另一个功能</a>  
            </li>  
            <li>  
                <a href="#">其他</a>  
            </li>  
            <li class="pider"></li>  
            <li>  
                <a href="#">分离的链接</a>  
            </li>  
        </ul>  
    </p>  
    <p class="btn-group dropup">  
        <button type="button" class="btn btn-primary btn-xs">原始</button>  
        <button type="button" class="btn btn-primary dropdown-toggle btn-xs" data-toggle="dropdown">  
        <span class="caret"></span>  
    </button>  
        <ul class="dropdown-menu" role="menu">  
            <li>  
                <a href="#">功能</a>  
            </li>  
            <li>  
                <a href="#">另一个功能</a>  
            </li>  
            <li>  
                <a href="#">其他</a>  
            </li>  
            <li class="pider"></li>  
            <li>  
                <a href="#">分离的链接</a>  
            </li>  
        </ul>  
    </p>