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


Posted in Javascript onDecember 09, 2018

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

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

按钮样式使用:

<!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 按钮样式与使用代码详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
jquery 查找新建元素代码
Jul 06 Javascript
js几秒以后倒计时跳转示例
Dec 26 Javascript
Java/JS获取flash高宽的具体方法
Dec 27 Javascript
特殊情况下如何获取span里面的值
May 20 Javascript
js判断鼠标左、中、右键哪个被点击的方法
Jan 27 Javascript
整理AngularJS中的一些常用指令
Jun 16 Javascript
有关Promises异步问题详解
Nov 13 Javascript
jquery判断iPhone、Android设备类型
Sep 14 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
Jul 10 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
Jan 23 Javascript
浅谈vue异步数据影响页面渲染
Oct 29 Javascript
JavaScript实现世界各地时间显示
Sep 07 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 $_SERVER[&quot;REQUEST_URI&quot;]获取值的通用解决方法
2010/06/21 PHP
PHP禁止页面缓存的代码
2011/10/23 PHP
php构造函数实例讲解
2013/11/13 PHP
yii2分页之实现跳转到具体某页的实例代码
2016/06/02 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
Nigma vs Alliance BO5 第二场2.14
2021/03/10 DOTA
解决FLASH需要点击激活的代码
2006/12/20 Javascript
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
2007/12/08 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
2013/07/08 Javascript
JS下拉框内容左右移动效果的具体实现
2013/07/10 Javascript
PHP实现的各种中文编码转换类分享
2015/01/23 Javascript
js实现遍历含有input的table实例
2015/12/07 Javascript
JavaScript中自带的 reduce()方法使用示例详解
2016/08/10 Javascript
jQuery自定义多选下拉框效果
2017/06/19 jQuery
React-router4路由监听的实现
2018/08/07 Javascript
微信小程序实现上传图片裁剪图片过程解析
2019/08/22 Javascript
解决webpack多页面内存溢出的方法示例
2019/10/08 Javascript
使用Python编写vim插件的简单示例
2015/04/17 Python
TensorFlow实现创建分类器
2018/02/06 Python
matplotlib subplots 调整子图间矩的实例
2018/05/25 Python
flask框架中勾子函数的使用详解
2018/08/01 Python
Python3 导入上级目录中的模块实例
2019/02/16 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
keras实现多种分类网络的方式
2020/06/11 Python
面向新手解析python Beautiful Soup基本用法
2020/07/11 Python
Python collections.deque双边队列原理详解
2020/10/05 Python
pyqt5实现井字棋的示例代码
2020/12/07 Python
浅谈h5自定义audio(问题及解决)
2016/08/19 HTML / CSS
使用HTML5和CSS3制作一个模态框的示例
2018/03/07 HTML / CSS
盛大二次面试题
2016/11/18 面试题
销售员自我评价怎么写
2013/09/19 职场文书
2014年节能工作总结
2014/12/18 职场文书
网聊搭讪开场白
2015/05/28 职场文书
pytorch中的numel函数用法说明
2021/05/13 Python
PyMongo 查询数据的实现
2021/06/28 Python
Go语言grpc和protobuf
2022/04/13 Golang