编程 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中的常见排序算法

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 职场文书