Bootstrap系列 -- 33. 等分按钮

 

  等分按钮也常被称为是自适应分组按钮,其实现方法也非常的简单,只需要在按钮组“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>

<div class="container-fluid">
        <div class="row">
            <div class="col-lg-10 col-lg-offset-1">

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

 

上一篇:如何在Safari浏览器中设置活跃及其他网站?


下一篇:Object C学习笔记25-文件管理(一)