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>

posted @ 2014-12-16 19:37  第九剑  阅读(3317)  评论(0编辑  收藏  举报