按钮等分是生活中最常用的用法
1、等分按钮顾名思义就是在一个容器中按钮组平均分配其宽度,即如果分组按钮中有4个按钮,则每个按钮的宽度占25%。等分按钮效果在移动设备上非常常用,比如导航栏上的按钮。等分按钮也被称为自适应分组按钮,等分按钮使用非常简单,和上面的垂直分组按钮一样,只需在原有的class="btn-group"后面新增"btn-group-justified即可,代码如下:

2、等分页面效果如图所示

3、注意:这里使用的是<a>标签的button,使用普通的<button>会存在一些样式上的问题。为了解决这个问题,可以在Bootstrap中使用下面的代码方式:

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:23
阅读量:42
阅读量:148
阅读量:107
阅读量:67