位置: 编程技术 - 正文

详解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字体图标(详解九章算法)

  • 缴纳印花税的会计凭证
  • 注册资本印花税减半征收政策
  • 国际运输需要办什么证
  • 企业所得税的起征点
  • 全成本核算优缺点
  • 两处工资薪金所得
  • 车票抵扣怎么做账
  • 保理利息计算公式
  • 汇算清缴的费用标准
  • 国资委无偿划拨资产不上税吗
  • 财政部颁布的具体准则
  • 垫付被骗客服承诺退款
  • 开出支票如何入账
  • 回拨工费经费怎么做会计分录?
  • 未结清全额是逾期吗
  • 融资租赁资产如何入账
  • 收了款未开票凭证如何做
  • 增值税普通发票税率
  • 货物已到发票未到怎么做账
  • 销售无形资产增值税纳税义务发生时间
  • 设计费开专用发票几个点
  • 营业外收入征企业所得税吗
  • 税金计提多了怎么办
  • 税收征管法实施细则 不予加收滞纳金
  • 连续亏损的公司还要去吗
  • 关于获得政府补助的公告
  • 退休返聘工资如何申报个人所得税
  • 要求快速启动
  • 政策性专项资金包括哪些
  • win10右键没有新建excel和word
  • 购买增值税税控系统专用设备账务处理
  • php简单文件管理
  • phpexcel读取excel
  • 没签订采购合同怎么办
  • 兼职老师工资怎么扣税
  • php验证身份证号
  • 详解Yii2.0 rules验证规则集合
  • 云服务器可以一直开着吗
  • 知识图谱ui
  • vue的mvvm模型
  • 个体户一直未申报会怎样
  • 没进项发票的开销项发票多少税?
  • 保洁服务属于
  • 缴纳增值税的会计处理方法
  • 简易办法征收增值税是什么意思
  • 在建工程领用物资时是用成本价还是市场价
  • 外贸企业进项税转出怎么申报
  • 企业支付宝要交税吗?
  • 年度采购总额在哪个报表
  • mysql数据库迁移到达梦
  • FreeBSD, Debian, CentOS一个网卡绑定多个IP
  • windows任务管理器打不开
  • macbook恢复macos
  • linux管理员权限命令
  • win7重装系统需要重新激活吗
  • win10如何创建一个新的用户
  • windows向microsoft报告
  • Win10 Mobile Build 14327上手视频评测
  • shell在linux
  • win10 edge浏览器崩溃
  • 刷新页面jquery
  • html中清除浮动的关键代码
  • unity 3d资源
  • jquery 插件写法
  • unity3d需要什么语言
  • unity socket udp
  • three. js
  • js函数的使用规则
  • javascript教程推荐知乎
  • python快速排序法
  • python并发和并行
  • python怎么写爬虫
  • 多线程python爬虫
  • adb查看ip地址
  • python自动化监控
  • android中fragment
  • 河北省网上税务局电子税务局
  • 东莞税务申报日期
  • 建筑企业要交哪几项环保税
  • 消费税,资源税,城市建设维护税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设