Bootstrap系列 -- 33. 等分按钮

原创

hechenqingyuan 2021-06-03 14:04:10 ©著作权

©著作权归作者所有：来自51CTO博客作者hechenqingyuan的原创作品，请联系作者获取转载授权，否则将追究法律责任

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