logo

CSS

浏览器默认样式统一,基础样式,网格,表格、表单、按钮及常用组件样式。

Button-group


组合 Button 元素。

基本使用

把一系列要使用的 .btn 按钮放入 .btn-group ,按钮背景色请查看button部分示例。

  
  
<div class="btn-group">
                    <button type="button" class="btn btn-bg-default">默认</button>
    ...
</div>
<div class="btn-group">
                    <button type="button" class="btn btn-bg-primary btn-radius">蓝色</button>
    ...
</div>
<div class="btn-group">
                    <button type="button" class="btn btn-bg-primary btn-round">红色</button>
    ...
</div>
``

自适应宽度

把一系列要使用的 .btn 按钮放入 .btn-group-justify , class 让按钮组里的按钮平均分布,填满容器宽度,按钮背景色请查看button部分示例。

使用 flex 实现,只兼容 IE 10+ 及其他现代浏览器

<div class="btn-group-justify">
                    <button type="button" class="btn btn-bg-primary">蓝色</button>
    ...
</div>
``
侧栏导航