Bootstrap 按钮

2020-06-18 06:00:10易采站长站整理

链接
禁用链接

原始链接
禁用的原始链接


结果如下所示:

按钮禁用状态

按钮标签

您可以在 、


结果如下所示:

按钮标签


按钮组

在 div 中直接使用 .btn-group 可以创建按钮组:

实例

 




使用 .btn-group-lg|sm|xs 来控制按钮组的大小:

实例

 




如果要设置垂直方向的按钮可以通过 .btn-group-vertical 类来设置:

实例

 





自适应大小的按钮组

可以通过 .btn-group-justified 类来设置自适应大小的按钮组。

以下实例使用 a 标签来展示:

实例

 

Apple
Samsung
Sony


注意: 如果是

元素, 你需要在外层使用
.btn-group
类来包裹:

实例

 



内嵌下拉菜单的按钮组

按钮组内嵌的按钮可以设置下拉菜单,如下实例:

相关文章 大家在看