位置: 编程技术 - 正文

详解Bootstrap按钮(bootstrap按钮的风格有哪些?)

编辑:rootadmin

推荐整理分享详解Bootstrap按钮(bootstrap按钮的风格有哪些?),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:bootstrap options,bootstrap options,bootstrap 按钮,bootstrap 按钮,bootstrap怎么让按钮居中,bootstrap 按钮,bootstrap 按钮,bootstrap按钮图标,内容如对您有帮助,希望把文章链接给更多的朋友!

描述

Bootstrap Button(按钮)JavaScript 插件允许您加强按钮的功能。您可以控制按钮的状态,也可以为组件创建按钮组,比如工具条。

什么是必需的

您必须引用 jquery.js 和 bootstrap-button.js - 这两个 JavaScript 文件。它们都位于 docs/assets/js 文件夹内。

如何使用它

您可以不编写任何 JavaScript 只通过标记使用该插件,也可以通过 JavaScript 启用按钮。

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 块级按钮(拉伸至父元素%的宽度) .active 按钮被点击 .disabled 禁用按钮

首先看下不同颜色的按钮:

效果:

详解Bootstrap按钮(bootstrap按钮的风格有哪些?)

btn-default / btn-primary /btn-success/ btn-info/ btn-warning/ btn-danger/ btn-link给按钮加上了不同的样式。

按钮大小

鉴于head部分都是相同的,只列出Body的内容。

效果如下所示:

按钮状态

按钮分为active和disabled两种状态、激活状态:按钮呈现出被按压的外观,即背景颜色变深、深色边框和阴影。禁用状态:按钮颜色会变淡 %,并失去渐变

看具体的例子:

按钮标签

a,input都可以表现的像一个按钮,但是避免跨浏览器不一致,最好使用Button标签。

以上内容给大家介绍了Bootstrap按钮相关知识,希望大家喜欢。

详解Bootstrap glyphicons字体图标 本章将讲解字体图标(Glyphicons),并通过一些实例了解它的使用。Bootstrap捆绑了多种字体格式的字形。首先让我们先来理解一下什么是字体图标。首先

详解Bootstrap的aria-label和aria-labelledby应用 aria-label正常情况下,form表单的input组件都有对应的label.当input组件获取到焦点时,屏幕阅读器会读出相应的label里的文本。如:!DOCTYPEhtmlhtmlheadmetacharset="

Javascript基于对象三大特性(封装性、继承性、多态性) Javascript基于对象的三大特征和C++,Java面向对象的三大特征一样,都是封装(encapsulation)、继承(inheritance)和多态(polymorphism)。只不过实现的方式不同,其基

标签: bootstrap按钮的风格有哪些?

本文链接地址:https://www.jiuchutong.com/biancheng/384695.html 转载请保留说明!

上一篇:详解Bootstrap四种图片样式

下一篇:详解Bootstrap glyphicons字体图标(详解九章算法)

  • 限定性净资产账务处理
  • 发行股票的手续费计入什么费用
  • 长期股权投资为什么要冲减资本公积
  • 购买私募基金有风险吗
  • 工会经费计税
  • 小规模纳税人与一般纳税人区别
  • 银行捐款了吗
  • 电子承兑超期一天怎么兑付
  • 汇算清缴业务招待费调整分录
  • 安置残疾人就业税收优惠政策
  • 预缴增值税可以在电子税务局操作吗
  • 资本公积提取比例怎么算
  • 增资印花税增加哪个税目
  • 个体户可以申请公章吗
  • 公司与股东的往来款涉税
  • 更正申报以前个税的处理方法
  • 资产负债表里应交税费里都包含什么
  • 免税农产品发票可以抵扣么
  • 有限责任公司向合伙企业投资
  • 捐赠支出税前扣除票据
  • 错账查找的方法
  • 苹果11怎么充不上电了
  • 应交所得税和所得税费用的区别计算公式
  • 使用Huagepage和PGO来提升PHP7的执行性能
  • 借条和欠条的区别 法律效力
  • php的file函数
  • 办理银行承兑汇票支付的手续费计入
  • 史密斯理工学院
  • php获取文件内容
  • 第三方代收的款项是什么意思
  • 解决城市内涝的题目
  • 增值税纳税申报表在哪里查询
  • javascript创建对象及应用
  • 元的解释是什么?
  • ubuntu搭建web服务器流程
  • vue计算属性和监听属性的区别
  • php批量删除文件
  • 广告模板网站
  • 工程完工收到工程发票
  • python输入三个数判断能否构成三角形
  • 合并报表的收入就是相加么
  • 一般纳税人不动产租赁可以简易征收吗
  • 民非企业税金及附加是什么科目
  • vscode yaml插件
  • phpcms怎么用
  • 开发票明目
  • 已计提完的固定资产怎么做账
  • 会计从业资格证取消了吗
  • 代扣代缴增值税如何申报抵扣
  • 资产负债表所有者权益排列顺序
  • 长期股权投资收益要交税吗
  • 未确认融资费用账务处理
  • 其他应付账款在借方表示什么
  • 费用报销单怎样写记账凭证呢
  • 避税唯一安全的方法
  • 劳动仲裁支付的补偿金计入什么科目
  • 计提工资的核算流程
  • 社保扣费不成功会再次扣费吗
  • 营业外收入适用的会计准则
  • 应收账款的审计方式和手段
  • 怎样破解bios密码
  • centos7 lo
  • win7系统开机后很卡什么原因
  • xp 桌面图标
  • win10预览文件怎么显示内容
  • linux使用vi编辑文件
  • windows10玩游戏卡吗
  • dos启动方式
  • nodejs安装在c盘好还是d盘好
  • css超出内容隐藏
  • unity音频导入设置
  • bootstrap tree table
  • javascript操作文件
  • 网页中实现浏览的快捷键
  • 广西地方税务局决算公开表
  • 发票上的税务号
  • 上海税务培训中心
  • 豪车消费税的征税范围
  • 厦门税务查询地址不符怎么处理
  • 广东电子发票开票软件?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设