码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap系列 -- 33. 等分按钮

时间:2015-06-26 23:40:33      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:

 

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

 

Bootstrap系列 -- 33. 等分按钮

标签:

原文地址:http://www.cnblogs.com/qingyuan/p/4603393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!