任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所示:
以下样式可用于<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 |
禁用按钮 |
相关推荐
这是一款简单的Bootstrap4按钮样式扩展库。该Bootstrap4按钮样式扩展库通过定义CSS,来为bootstrap 4原生按钮添加3D按钮,带图标的按钮,圆角按钮,以及为按钮添加更多的可用颜色,非常实用。
这是一款基于bootstrap的带图标的按钮样式。这组按钮在bootstrap按钮的基础上,通过附加的HTML元素来构建小图标,并通过CSS3来制作鼠标hover动画效果。
超绚丽的 Bootstrap 水晶样式按钮集合
元素的按钮样式 按钮样式使用: <!DOCTYPE html> <html> <head> <meta http-equiv=Content-Type content=text/html; charset=utf-8/> <title>My Test bootstrap</title> <...
纯CSS3 Bootstrap步骤箭头按钮样式 纯CSS3 Bootstrap步骤箭头按钮样式
bootstrap样式按钮颜色(剩下的都是凑字数真的没什么可介绍的
基于bootstrap的单选按钮图标 改变了浏览器自带形状,支持自定义图标
CSS Bootstrap4按钮样式扩展库特效
这是一款扩展bootstrap4按钮特效。该特效在bootstrap4按钮样式的基础上,通过CSS样式,设计出一套带闪光按钮特效和扁平线框按钮特效。
一款基于Bootstrap的纯CSS3步骤条-箭头指向类按钮样式。该按钮通过修改原生Bootstrap的按钮样式,来生成指向左侧或右侧的箭头按钮。
这是一款基于Bootstrap的纯CSS3箭头按钮样式。该按钮通过修改原生Bootstrap的按钮样式,来生成指向左侧或右侧的箭头按钮。
bootstrap-crystal-buttons水晶样式按钮集合,里面包含各种bootstrap的水晶样式按钮
通过修改bootstrap table js 定制出自己的分页栏,样式仿照jqGrid样式,支持输入页码跳转
UIButton-Bootstrap, 带有 Bootstrap 3.0样式的UIButton 正在查找... 查看 FlatButton uibutton引导程序简单的UIButton类别,可以添加漂亮和平坦的Bootstrap 3.0按钮样式。无子类,无图像。石英核心图形。 高度自定义
TiTatoggle是一款基于Bootstrap3的纯CSS滑动开关按钮组件。该滑动按钮组件没有使用Javascript,它的HTML结构和原生的Bootstrap checkbox组件结构基本相同,使用起来非常方便。它还提供了多种主题样式:IOS样式和...
Bootstrap 按钮 本章将通过实例讲解如何使用 Bootstrap 按钮...原始按钮样式(未被操作) .btn-success 表示成功的动作 .btn-info 该样式可用于要弹出信息的按钮 .btn-warning 表示需要谨慎操作的按钮 .bt
主要介绍了bootstrap与Jquery UI 按钮样式冲突的解决办法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
正如Twitter架构师马克·奥托(Mark Otto)在Twitter开发者博客上所写的那样,“Bootstrap 使用了一些最新的Web 浏览器技术,向开发者提供了时尚的排版、样式、按钮、表格、网格、导航和一切所需的东西,而且它所占...
这是一款使用Font Awesome 字体图标来对Bootstrap复选框和单选按钮进行美化的CSS样式特效。