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的仿百度的鼠标移入图片抖动效果
Sep 17 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
Jan 23 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
Jul 02 Javascript
AngularJS语法详解
Jan 23 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
Jun 18 Javascript
深入理解JQuery中的事件与动画
May 18 Javascript
基于vue实现swipe分页组件实例
May 25 Javascript
对vue 键盘回车事件的实例讲解
Aug 25 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
Oct 30 Javascript
ES6中的Javascript解构的实现
Oct 30 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 Vue.js
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模拟SQL Server的两个日期处理函数
2006/10/09 PHP
php笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
PHP中多维数组的foreach遍历示例
2014/06/13 PHP
Linux下创建nginx脚本-start、stop、reload…
2014/08/03 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
[企业公众号]升级到[企业微信]之后发送消息失败的解决方法
2017/06/30 PHP
php实现构建排除当前元素的乘积数组方法
2018/10/06 PHP
php7新特性的理解和比较总结
2019/04/14 PHP
PHP的Trait机制原理与用法分析
2019/10/18 PHP
Jquery中dialog属性小记
2010/09/03 Javascript
用jQuery模拟页面加载进度条的实现代码
2011/12/19 Javascript
jquery Easyui快速开发总结
2015/08/20 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
2016/05/25 Javascript
Dojo获取下拉框的文本和值实例代码
2016/05/27 Javascript
浅谈javascript中遇到的字符串对象处理
2016/11/18 Javascript
jquery UI Datepicker时间控件冲突问题解决
2016/12/16 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
2017/10/26 Javascript
微信开发之微信jssdk录音功能开发示例
2018/10/22 Javascript
JS中call()和apply()的功能及用法实例分析
2019/06/28 Javascript
Vue实现数据表格合并列rowspan效果
2020/11/30 Javascript
layui动态渲染生成select的option值方法
2019/09/23 Javascript
JavaScript将数组转换为链表的方法
2020/02/16 Javascript
js实现简单进度条效果
2020/03/25 Javascript
用实例详解Python中的Django框架中prefetch_related()函数对数据库查询的优化
2015/04/01 Python
python selenium UI自动化解决验证码的4种方法
2018/01/05 Python
python的格式化输出(format,%)实例详解
2018/06/01 Python
python爬虫构建代理ip池抓取数据库的示例代码
2020/09/22 Python
Pandas之缺失数据的实现
2021/01/06 Python
CSS3中Transform动画属性用法详解
2016/07/04 HTML / CSS
美国卡车、吉普车和SUV零件网站:4 Wheel Parts
2016/11/24 全球购物
为数据库创建索引都需要注意些什么
2012/07/17 面试题
thinkphp5 redis缓存新增方法实例讲解
2021/03/24 PHP
光棍节联谊晚会活动策划书
2014/10/10 职场文书
Nginx中break与last的区别详析
2021/03/31 Servers
Python基础之变量的相关知识总结
2021/06/23 Python