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 相关文章推荐
Javascript中的常见排序算法
Mar 27 Javascript
jquery parent和parents的区别分析
Oct 02 Javascript
js history对象简单实现返回和前进
Oct 30 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
Sep 05 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
Oct 24 Javascript
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
Dec 18 jQuery
webpack实用小功能介绍
Jan 02 Javascript
微信小程序实现滴滴导航tab切换效果
Jul 24 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 Javascript
微信小程序可滑动周日历组件使用详解
Oct 21 Javascript
JS对象属性的检测与获取操作实例分析
Mar 17 Javascript
html5 录制mp3音频支持采样率和比特率设置
Jul 15 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实现让页面只能被百度gogole蜘蛛访问的方法
2009/12/29 PHP
php检测数组长度函数sizeof与count用法
2014/11/17 PHP
PHP在线打包下载功能示例
2016/10/15 PHP
jQuery操作select下拉框的text值和value值的方法
2014/05/31 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
Javascript将数字转化成为货币格式字符串
2016/06/22 Javascript
nodejs基础应用
2017/02/03 NodeJs
VueJS事件处理器v-on的使用方法
2017/09/27 Javascript
把vue-router和express项目部署到服务器的方法
2018/02/21 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
vue动态路由配置及路由传参的方式
2018/05/23 Javascript
使用vue-router完成简单导航功能【推荐】
2018/06/28 Javascript
详解webpack-dev-server使用方法
2018/09/14 Javascript
JS返回页面时自动回滚到历史浏览位置
2018/09/26 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
Vue实现开心消消乐游戏算法
2019/10/22 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
Python中常见的数据类型小结
2015/08/29 Python
python中装饰器级连的使用方法示例
2017/09/29 Python
详谈在flask中使用jsonify和json.dumps的区别
2018/03/26 Python
Python实现重建二叉树的三种方法详解
2018/06/23 Python
kaggle+mnist实现手写字体识别
2018/07/26 Python
python正则表达式去除两个特殊字符间的内容方法
2018/12/24 Python
基于OpenCV python3实现证件照换背景的方法
2019/03/22 Python
Python 如何反方向迭代一个序列
2020/07/28 Python
python3字符串输出常见面试题总结
2020/12/01 Python
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
迪卡侬比利时官网:Decathlon比利时
2019/12/28 全球购物
幼儿园实习自我鉴定
2013/12/15 职场文书
2014年大学宣传部工作总结
2014/12/19 职场文书
学生党员检讨书范文
2014/12/27 职场文书
三好学生评语大全
2014/12/29 职场文书
陕西导游词
2015/02/04 职场文书
个人专业技术总结
2015/03/05 职场文书
淘宝客服专员岗位职责
2015/04/07 职场文书
医院见习总结
2015/06/24 职场文书