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 处理事件绑定的一些兼容写法
Dec 24 Javascript
JS延迟加载(setTimeout) JS最后加载
Jul 15 Javascript
window.open不被拦截的实现代码
Aug 22 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 Javascript
jquery中$.post()方法的简单实例
Feb 04 Javascript
Java中Timer的用法详解
Oct 21 Javascript
jQuery实现的自适应焦点图效果完整实例
Aug 24 Javascript
vue中如何实现变量和字符串拼接
Jun 19 Javascript
移动设备手势事件库Touch.js使用详解
Aug 18 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
Dec 13 Javascript
在angular 6中使用 less 的实例代码
May 13 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
Oct 31 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对字符串的递增运算分析
2010/08/08 PHP
使用php 获取时间今天明天昨天时间戳的详解
2013/06/20 PHP
使用PHP实现蜘蛛访问日志统计
2013/07/05 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
php与阿里云短信接口接入操作案例分析
2020/05/27 PHP
基于Asp.net与Javascript控制的日期控件
2010/05/22 Javascript
Javascript跨域请求的4种解决方式
2013/03/17 Javascript
jQuery :first选择器使用介绍
2013/08/09 Javascript
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
jquery.cookie实现的客户端购物车操作实例
2015/12/24 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
Adapter适配器模式在JavaScript设计模式编程中的运用分析
2016/05/18 Javascript
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
Mac中安装nvm的教程分享
2017/12/11 Javascript
详解JavaScript中的强制类型转换
2019/04/15 Javascript
[03:19]2016国际邀请赛中国区预选赛第四日TOP10镜头集锦
2016/07/01 DOTA
[55:25]VGJ.T vs Optic Supermajor小组赛D组 BO3 第三场 6.3
2018/06/04 DOTA
Python中装饰器的一个妙用
2015/02/08 Python
python中使用正则表达式的连接符示例代码
2017/10/10 Python
python获取微信小程序手机号并绑定遇到的坑
2018/11/19 Python
对Python信号处理模块signal详解
2019/01/09 Python
python实现支付宝转账接口
2019/05/07 Python
Tensorflow 多线程与多进程数据加载实例
2020/02/05 Python
利用Python实现Json序列化库的方法步骤
2020/09/09 Python
如何用python爬取微博热搜数据并保存
2021/02/20 Python
简历中自我评价范文3则
2013/12/14 职场文书
公司道歉信范文
2014/01/09 职场文书
军校大学生个人的自我评价
2014/02/17 职场文书
2014年党务公开实施方案
2014/02/27 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
禁烟标语大全
2014/06/11 职场文书
文案策划专业自荐信
2014/07/07 职场文书
升职自荐信范文
2015/03/27 职场文书
html css3不拉伸图片显示效果
2021/06/07 HTML / CSS
前端监听websocket消息并实时弹出(实例代码)
2021/11/27 Javascript