Bootstrap 按钮组
发布日期：2021-05-07 21:01:58
浏览次数：13
分类：技术文章
本文共 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 实例 垂直按钮组及下拉菜单
发表评论
最新留言
网站不错 人气很旺了 加油
[***.192.178.218]2025年04月04日 16时21分43秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
Python：函数 ----》装饰器函数
2019-03-04
Python：面向对象
2019-03-04
Python练习题 ：随机生成一批数
2019-03-04
Spring源码：prepareBeanFactory(beanFactory);方法
2019-03-04
Spring源码：initApplicationEventMulticaster源码解析
2019-03-04
AcWing 786: 第k个数
2019-03-04
AcWing 828. 模拟栈
2019-03-04
添加Selinux权限
2019-03-04
ifconfig网络配置信息解析
2019-03-04
（2019.9.10测试可用）如何在Windows的cmd中使用ls命令
2019-03-04
债券中的久期是什么意思
2019-03-04
(20200328已解决)从docker容器内复制文件到宿主机
2019-03-04
理解Docker ulimit参数
2019-03-04
理解Python系统下的时间格式
2019-03-04
Python语言'类'概念再理解
2019-03-04
OpenAI Gym简介及初级实例
2019-03-04
Ubuntu 18.04 zip压缩文件及其文件 夹中的所以 内容
2019-03-04
int 转 CString
2019-03-04
Edit编辑框自动换行与长度
2019-03-04
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 457144122 位访客
访问时间: 2025-04-15 17:19:20
访问IP: 18.223.172.232
Copyright © 2020 - 2025 css8.cn 京ICP备2021015314号-1
手机版