编程 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 相关文章推荐

JS 控制非法字符的输入代码

Dec 04 Javascript

js实现运动logo图片效果及运动元素对象sportBox使用方法

Dec 25 Javascript

JavaScript 和 Java 的区别浅析

Jul 31 Javascript

JS 去除Array中的null值示例代码

Nov 20 Javascript

js 动态为textbox添加下拉框数据源的方法

Apr 24 Javascript

在css加载完毕后自动判断页面是否加入css或js文件

Sep 10 Javascript

JavaScript实现网站访问次数统计代码

Aug 12 Javascript

jQuery增加和删除表格项目及实现表格项目排序的方法

May 30 Javascript

封装的dialog插件基于bootstrap模态对话框的简单扩展

Aug 10 Javascript

javascript 内置对象及常见API详细介绍

Nov 01 Javascript

判断文字超过2行添加展开按钮，未超过则不显示，溢出部分显示省略号

Apr 28 Javascript

Layui 数据表格批量删除和多条件搜索的实例

Sep 04 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

一些操作和快捷键的理解和讨论

2020/03/04 星际争霸

类的另类用法--数据的封装

2006/10/09 PHP

如何对PHP程序中的常见漏洞进行攻击（下）

2006/10/09 PHP

让PHP开发者事半功倍的十大技巧小结

2010/04/20 PHP

php更新mysql后获取影响的行数发生异常解决方法

2013/03/28 PHP

如何在smarty中增加类似foreach的功能自动加载数据

2013/06/26 PHP

PHP中可以自动分割查询字符的Parse_str函数使用示例

2014/07/25 PHP

php实现smarty模板无限极分类的方法

2015/12/07 PHP

为Yahoo! UI Extensions Grid增加内置的可编辑器

2007/03/10 Javascript

window.parent调用父框架时 ie跟火狐不兼容问题

2009/07/30 Javascript

jQuery中delegate()方法用法实例

2015/01/19 Javascript

jQuery实现购物车数字加减效果

2015/03/14 Javascript

javascript删除数组重复元素的方法汇总

2015/06/24 Javascript

JavaScript 模块的循环加载实现方法

2015/12/13 Javascript

基于jQuery实现以手风琴方式展开和折叠导航菜单

2016/01/28 Javascript

jquery表格datatables实例解析直接加载和延迟加载

2016/08/12 Javascript

node 使用 async 控制并发的方法

2018/05/07 Javascript

element-ui 的el-button组件中添加自定义颜色和图标的实现方法

2018/10/26 Javascript

javascrpt密码强度校验函数详解

2020/03/18 Javascript

jquery实现上传文件进度条

2020/03/26 jQuery

[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24

2018/08/25 DOTA

Python中的fileinput模块的简单实用示例

2015/07/09 Python

浅析Python装饰器以及装饰器模式

2018/05/28 Python

numpy向空的二维数组中添加元素的方法

2018/11/01 Python

python实现文件的备份流程详解

2019/06/18 Python

Python3 解决读取中文文件txt编码的问题

2019/12/20 Python

python爬虫模块URL管理器模块用法解析

2020/02/03 Python

如何在Shell脚本中使用函数

2015/09/06 面试题

教师产假请假条范文

2014/04/10 职场文书

大学生实习鉴定评语

2014/04/25 职场文书

幽默自我介绍演讲稿

2014/08/21 职场文书

预备党员自我批评思想汇报

2014/10/10 职场文书

2015新生加入学生会自荐书

2015/03/24 职场文书

宇宙与人观后感

2015/06/05 职场文书

Django使用redis配置缓存的方法

2021/06/01 Redis

vue+elementui 实现新增和修改共用一个弹框的完整代码

2021/06/08 Vue.js