Bootstrap之：按钮（等分按钮）和按钮的向下向上三角形

等分按钮也常被称为是自适应分组按钮，其实现方法也非常的简单，只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名，

如下所示：

<div class="btn-wrap">
    <div class="btn-group btn-group-justified">
    <a class="btn btn-default" href="#">首页</a>
    <a class="btn btn-default" href="#">产品展示</a>
    <a class="btn btn-default" href="#">案例分析</a>
    <a class="btn btn-default" href="#">联系我们</a>
  </div>
</div>

 

按钮三角形向上只需要添加类：dropup

<div class="btn-group dropup">
    <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">按钮下拉菜单<span class="caret"></span></button>
    <ul class="dropdown-menu">
        <li><a href="##">按钮下拉菜单项</a></li>
     <li><a href="##">按钮下拉菜单项</a></li>
     <li><a href="##">按钮下拉菜单项</a></li>
     <li><a href="##">按钮下拉菜单项</a></li>
    </ul>
</div>