编程 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中cookie的使用详细分析

May 28 Javascript

ext jquery 简单比较

Apr 07 Javascript

浅谈$(document)和$(window)的区别

Jul 15 Javascript

深入解析Backbone.js框架的依赖库Underscore.js的作用

May 07 Javascript

jQuery插件formValidator实现表单验证

May 23 Javascript

jQuery dataTables与jQuery UI 对话框dialog的使用教程

Sep 02 Javascript

JS组件系列之使用HTML标签的data属性初始化JS组件

Sep 14 Javascript

xmlplus组件设计系列之网格（DataGrid）(10）

May 05 Javascript

prototype.js简单实现ajax功能示例

Oct 18 Javascript

vue 实现全选全不选的示例代码

Mar 29 Javascript

详解React-Router中Url参数改变页面不刷新的解决办法

May 08 Javascript

详解在vue-cli中使用graphql即vue-apollo的用法

Sep 08 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冒泡排序、快速排序、快速查找、二维数组去重实例分享

2014/04/24 PHP

PHP中实现接收多个name相同但Value不相同表单数据实例

2015/02/03 PHP

PHP定时任务获取微信access_token的方法

2016/10/10 PHP

javascript不同页面传值的改进版

2008/09/30 Javascript

jquery动态加载select下拉框示例代码

2013/12/10 Javascript

javascript弹出层输入框(示例代码)

2013/12/11 Javascript

angularjs基础教程

2014/12/25 Javascript

JavaScript中解析JSON数据的三种方法

2015/07/03 Javascript

前端性能优化及技巧

2016/05/06 Javascript

解析JavaScript中的字符串类型与字符编码支持

2016/06/24 Javascript

使用jQuery的load方法设计动态加载及解决被加载页面js失效问题

2017/03/01 Javascript

jQuery实现字体颜色渐变效果的方法

2017/03/29 jQuery

Vuex简单入门

2017/04/19 Javascript

微信小程序日历组件calendar详解及实例

2017/06/08 Javascript

JS实现运动缓冲效果的封装函数示例

2018/02/18 Javascript

Node Puppeteer图像识别实现百度指数爬虫的示例

2018/02/22 Javascript

详解vue 数据传递的方法

2018/04/19 Javascript

[40:05]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第一局

2016/02/25 DOTA

[06:25]第二届DOTA2亚洲邀请赛主赛事第二天比赛集锦.mp4

2017/04/03 DOTA

Python 自动安装 Rising 杀毒软件

2009/04/24 Python

python装饰器使用方法实例

2013/11/21 Python

Python对字符串实现去重操作的方法示例

2017/08/11 Python

python使用beautifulsoup4爬取酷狗音乐代码实例

2019/12/04 Python

Pytorch中的自动求梯度机制和Variable类实例

2020/02/29 Python

浅谈pandas.cut与pandas.qcut的使用方法及区别

2020/03/03 Python

学习Python需要哪些工具

2020/09/04 Python

解决html5中video标签无法播放mp4问题的办法

2017/05/07 HTML / CSS

Becextech新西兰：数码单反相机和手机在线商店

2018/04/27 全球购物

SteelSeries赛睿官网：游戏外设和配件的领先制造商（耳机、键盘、鼠标和鼠标垫）

2018/06/17 全球购物

C#怎么让一个窗口居中显示？

2015/10/20 面试题

客服部工作职责范本

2014/02/14 职场文书

小学二年级学生评语

2014/04/21 职场文书

慰问信模板

2015/02/14 职场文书

2016年七夕情人节宣传语

2015/11/25 职场文书

redis cluster支持pipeline的实现思路

2021/06/23 Redis

ubuntu安装jupyter并设置远程访问的实现

2022/03/31 Python