编程 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对象之JS入门之Array对象操作小结

Jan 09 Javascript

window.showModalDialog参数传递中含有特殊字符的处理方法

Jun 06 Javascript

Ext中下拉列表ComboBox组件store数据格式用法介绍

Jul 15 Javascript

JavaScript验证图片类型(扩展名)的函数分享

May 05 Javascript

Javascript中String的常用方法实例分析

Jun 13 Javascript

jquery判断对象是否为空并遍历对象的简单实例

Jul 26 Javascript

微信小程序（应用号）简单实例应用及实例详解

Sep 26 Javascript

vue-router 学习快速入门

Mar 01 Javascript

JS+html5 canvas实现的简单绘制折线图效果示例

Mar 13 Javascript

vue如何集成raphael.js中国地图的方法示例

Aug 15 Javascript

ES6 javascript中Class类继承用法实例详解

Oct 30 Javascript

vue页面加载闪烁问题的解决方法

Mar 28 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

JavaScript在多浏览器下for循环的使用方法

2012/11/07 Javascript

js跳转页面方法实现汇总

2014/02/11 Javascript

JavaScript实现弹出子窗口并传值给父窗口

2014/12/18 Javascript

JavaScript数组随机排列实现随机洗牌功能

2015/03/19 Javascript

javascript实现动态导入js与css等静态资源文件的方法

2015/07/25 Javascript

JS实现在状态栏显示打字效果完整实例

2015/11/02 Javascript

浅析jquery unbind()方法移除元素绑定的事件

2016/05/24 Javascript

第八篇Bootstrap下拉菜单实例代码

2016/06/21 Javascript

jQuery的ajax下载blob文件

2016/07/21 Javascript

Javascript实现代码折叠功能

2016/08/25 Javascript

Angular2安装angular-cli

2017/05/21 Javascript

vue实现页面加载动画效果

2017/09/19 Javascript

浅谈基于Vue.js的移动组件库cube-ui

2017/12/20 Javascript

从vue基础开始创建一个简单的增删改查的实例代码(推荐)

2018/02/11 Javascript

nuxt框架中路由鉴权之Koa和Session的用法

2018/05/09 Javascript

JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析

2018/07/31 Javascript

js实现json数组分组合并操作示例

2019/02/12 Javascript

js设置鼠标悬停改变背景色实现详解

2019/06/26 Javascript

详解vue页面首次加载缓慢原因及解决方案

2019/11/06 Javascript

微信小程序中插入激励视频广告并获取收益(实例代码)

2019/12/06 Javascript

[00:59]DOTA2荣耀之路1：Doom is back！weapon X！

2018/05/22 DOTA

使用Python编写简单网络爬虫抓取视频下载资源

2014/11/04 Python

微信跳一跳python辅助软件思路及图像识别源码解析

2018/01/04 Python

Python中判断子串存在的性能比较及分析总结

2019/06/23 Python

python文档字符串（函数使用说明）使用详解

2019/07/30 Python

Python tkinter布局与按钮间距设置方式

2020/03/04 Python

python 判断txt每行内容中是否包含子串并重新写入保存的实例

2020/03/12 Python

使用python库xlsxwriter库来输出各种xlsx文件的示例

2020/09/01 Python

纯css实现照片墙3D效果的示例代码

2017/11/13 HTML / CSS

HTML5 canvas绘制的玫瑰花效果

2014/05/29 HTML / CSS

Expedia英国：全球最大的在线旅游公司

2017/09/07 全球购物

法国床上用品商店：La Compagnie du lit

2019/12/26 全球购物

设备动力科岗位职责范本

2014/02/23 职场文书

Linux7.6二进制安装Mysql8.0.27详细操作步骤

2021/11/27 MySQL

Mysql将字符串按照指定字符分割的正确方法

2022/05/30 MySQL

Redis实现短信验证码登录的示例代码

2022/06/14 Redis