Bootstrap 按钮组
本文共 1307 字，大约阅读时间需要 4 分钟。
一、按钮组
1.1 基本按钮组
Bootstrap 4 中允许我们将按钮放在同一行上。
可以在 <div> 元素上添加.btn-group类来创建按钮组。
Bootstrap 实例 按钮组
.btn-group 类用于创建按钮组:
1.2 设置按钮组大小
Bootstrap 实例 按钮组大小
我们可以使用 .btn-group-lg|sm|xs 类来设置按钮组的大小。
大按钮:
默认按钮:
小按钮:
1.3 垂直按钮组
Bootstrap 实例 垂直按钮组
U可以使用 .btn-group-vertical 类来创建垂直的按钮组：
1.4 内嵌按钮组及下拉菜单
Bootstrap 实例 内嵌按钮组
按钮组设置下拉菜单:
1.5 拆分按钮下拉菜单
Bootstrap 实例 拆分按钮下拉菜单
1.6 垂直按钮组及下拉菜单
Bootstrap 实例 垂直按钮组及下拉菜单
转载地址：http://ueqr.baihongyu.com/
你可能感兴趣的文章
常用的 Git 命令和小技巧（1）
查看>>
vue中接收后台的图片验证码并显示
查看>>
springboot入门(1)---整合MyBatis
查看>>
Vue入门学习笔记（1）
查看>>
前端入门经验——页面布局
查看>>
ECharts——双向柱状图
查看>>
Vue——引进bootstrap
查看>>
Vue——引进ivew
查看>>
趣谈win10常用快捷键
查看>>
趣谈文件扩展名和隐藏文件
查看>>
追梦App系列博客——第五次例会总结
查看>>
数学建模（NO.18灰色预测）
查看>>
数学建模更新12（数学线性规划模型1）
查看>>
数学建模更新12（多目标规划）
查看>>
Java入门笔记（第三章 类与对象之static静态用法）
查看>>
Android，SharedPreferences的使用
查看>>
（一）Xshell中给Ubuntu20.04服务器安装mysql并修改密码
查看>>
Android中使用ViewPager和Fragment实现底部导航栏
查看>>
VLAN与Trunk的原理及配置
查看>>
三层交换技术及配置
查看>>