博客
关于我
Bootstrap 按钮组
阅读量:354 次
发布时间:2019-03-04

本文共 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/

你可能感兴趣的文章
数据结构 第五章 二叉树-1
查看>>
PVE+集客AC+K2T-AP
查看>>
Jetson AGX Xavier硬件自启动
查看>>
判断移动端(手机)还是客户端(电脑)打开网页并跳转不同页面(首页)
查看>>
眼睛跟随鼠标转动的小黄人 html+css+js
查看>>
简单的字符串操作(注意要点)
查看>>
统计字符数
查看>>
JS 数组的 every()、some() 、filter()、findIndex() 、find()、map()方法
查看>>
Vue Element UI Upload 上传多张图片
查看>>
JS数据类型的判断
查看>>
实现一个简易Vue(三)Compiler
查看>>
仿小米商城(上)
查看>>
仿小米商城(下)
查看>>
【30】kotlin 闭包
查看>>
文件md5怎么会变化
查看>>
好玩的editText
查看>>
自动安装服务2
查看>>
android 用action拦截打电话界面
查看>>
android中getLocationInWindow 和 getLocationOnScreen的区别
查看>>
Android onSaveInstanceState()和onRestoreInstanceState()调用时机
查看>>