编程 Javascript

Bootstrap 按钮样式与使用代码详解

Posted in Javascript onDecember 09, 2018

1. 可用于<a>, <button>, 或 <input> 元素的按钮样式

按钮样式使用：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>My Test bootstrap</title>
  <link rel="stylesheet" href="./css/bootstrap.min.css" rel="external nofollow" > 
  <script type="text/javascript" src="./js/bootstrap.min.js"></script>
</head>
<body>
  <button type="button" class="btn btn-primary">原始按钮</button>
  <button type="button" class="btn btn-success">成功按钮</button>
  <button type="button" class="btn btn-info">信息按钮</button>
  <button type="button" class="btn btn-warning">警告按钮</button>
  <button type="button" class="btn btn-danger">危险按钮</button>
</body>
</html>

总结

以上所述是小编给大家介绍的Bootstrap 按钮样式与使用代码详解，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

Bootstrap 按钮样式与使用代码详解

- Author -

在代码的世界里游走

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript中关于prototype属性实现继承的原理图

Apr 16 Javascript

关于include标签导致js路径找不到的问题分析及解决

Jul 09 Javascript

判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解

Nov 07 Javascript

js钢琴按钮波浪式图片排列效果代码分享

Aug 26 Javascript

JS+CSS实现大气的黑色首页导航菜单效果代码

Sep 10 Javascript

浏览器兼容的JS写法总结

Apr 27 Javascript

Angular1.x复杂指令实例详解

Mar 01 Javascript

JavaScript设计模式之单例模式详解

Jun 09 Javascript

详解10分钟学会vue滚动行为

Sep 21 Javascript

使用JS模拟锚点跳转的实例

Feb 01 Javascript

vue3实现v-model原理详解

Oct 09 Javascript

微信小程序input抖动问题的修复方法

Mar 03 Javascript

Vue源码中要const _toStr = Object.prototype.toString的原因分析

Dec 09 #Javascript

vue form check 表单验证的实现代码

Dec 09 #Javascript

关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法

Dec 09 #Javascript

vue打包之后生成一个配置文件修改接口的方法

Dec 09 #Javascript

基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法

Dec 09 #Javascript

JS数组去重的6种方法完整实例

Dec 08 #Javascript

原生JS实现的放大镜特效示例【测试可用】

Dec 08 #Javascript

You might like

使用php+xslt在windows平台上

2006/10/09 PHP

利用PHP扩展vld查看PHP opcode操作步骤

2013/03/04 PHP

php结合正则批量抓取网页中邮箱地址

2015/05/19 PHP

php实现微信模板消息推送

2018/03/30 PHP

jscript之Read an Excel Spreadsheet

2007/06/13 Javascript

jquery ajax 检测用户注册时用户名是否存在

2009/11/03 Javascript

javascript取消文本选定的实现代码

2010/11/14 Javascript

javascript中的循环语句for语句深入理解

2014/04/04 Javascript

JavaScript中的定时器之Item23的合理使用

2015/10/30 Javascript

jQuery数据类型小结(14个)

2016/01/08 Javascript

js实现select选择框效果及美化

2016/08/19 Javascript

JavaScript ES6中CLASS的使用详解

2016/11/22 Javascript

详解ES6之用let声明变量以及let loop机制

2017/07/15 Javascript

javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】

2017/09/28 Javascript

vue如何判断dom的class

2018/04/26 Javascript

JavaScript设计模式之享元模式实例详解

2019/01/17 Javascript

vue实现鼠标移入移出事件代码实例

2019/03/27 Javascript

vue简单封装axios插件和接口的统一管理操作示例

2020/02/02 Javascript

JavaScript如何判断input数据类型

2020/02/06 Javascript

Node.js API详解之 vm模块用法实例分析

2020/05/27 Javascript

解决Antd Table表头加Icon和气泡提示的坑

2020/11/17 Javascript

[46:23]完美世界DOTA2联赛PWL S2 FTD vs Magma 第一场 11.20

2020/11/23 DOTA

天翼开放平台免费短信验证码接口使用实例

2013/12/18 Python

Python的__builtin__模块中的一些要点知识

2015/05/02 Python

python实现颜色空间转换程序(Tkinter)

2015/12/31 Python

python判断一个集合是否为另一个集合的子集方法

2018/05/04 Python

pandas中去除指定字符的实例

2018/05/18 Python

Python实现多属性排序的方法

2018/12/05 Python

基于django channel实现websocket的聊天室的方法示例

2019/04/11 Python

HTML5视频支持检测(检查浏览器是否支持视频播放)

2013/06/08 HTML / CSS

澳大利亚免息网上购物：Shop Zero

2016/09/17 全球购物

JustFab加拿大：女鞋、靴子、手袋和服装在线

2018/05/18 全球购物

女士时装鞋：Chinese Laundry

2018/08/29 全球购物

解释一下钝化(Swap out)

2016/12/26 面试题

学生宿舍管理制度

2014/01/30 职场文书

CSS实现隐藏搜索框功能(动画正反向序列)

2021/07/21 HTML / CSS