bootsrap按钮(7)

版权声明:随便看,喜欢的话加我qq,一起讨论。 https://blog.csdn.net/qq_43687284/article/details/85316622

以下样式可用于<a>, <button>, 或 <input> 元素上:

类 描述 实例
.btn 为按钮添加基本样式 尝试一下
.btn-default 默认/标准按钮 尝试一下
.btn-primary 原始按钮样式(未被操作) 尝试一下
.btn-success 表示成功的动作 尝试一下
.btn-info 该样式可用于要弹出信息的按钮 尝试一下
.btn-warning 表示需要谨慎操作的按钮 尝试一下
.btn-danger 表示一个危险动作的按钮操作 尝试一下
.btn-link 让按钮看起来像个链接 (仍然保留按钮行为) 尝试一下
.btn-lg 制作一个大按钮 尝试一下
.btn-sm 制作一个小按钮 尝试一下
.btn-xs 制作一个超小按钮 尝试一下
.btn-block 块级按钮(拉伸至父元素100%的宽度) 尝试一下
.active 按钮被点击 尝试一下
.disabled 禁用按钮
按钮大小
下表列出了获得各种大小按钮的 class:

Class 描述
.btn-lg 这会让按钮看起来比较大。
.btn-sm 这会让按钮看起来比较小。
.btn-xs 这会让按钮看起来特别小。
.btn-block 这会创建块级的按钮,会横跨父元素的全部宽度。
按钮组
在 div 中直接使用 .btn-group 可以创建按钮组:
使用 .btn-group-lg|sm|xs 来控制按钮组的大小:
如果要设置垂直方向的按钮可以通过 .btn-group-vertical 类来设置:
自适应大小的按钮组
可以通过 .btn-group-justified 类来设置自适应大小的按钮组。
注意: 如果是<button> 元素, 你需要在外层使用 .btn-group 类来包裹:

猜你喜欢

转载自blog.csdn.net/qq_43687284/article/details/85316622
今日推荐