编程 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中的107个基础知识收集整理推荐

Mar 29 Javascript

javascript作用域容易记错的两个地方分析

Jun 22 Javascript

jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)

Jan 15 Javascript

JavaScript动态添加事件之事件委托

Jul 12 Javascript

AngularJS开发教程之控制器之间的通信方法分析

Dec 25 Javascript

jQuery正则验证注册页面经典实例

Jun 10 jQuery

jQuery制作全屏宽度固定高度轮播图(实例讲解)

Jul 08 jQuery

jQuery+CSS实现的table表格行列转置功能示例

Jan 08 jQuery

JS实现可切换图片的幻灯切换效果示例

May 24 Javascript

JavaScript直接调用函数与call调用的区别实例分析

May 22 Javascript

JS实现联想、自动补齐国家或地区名称的功能

Jul 07 Javascript

一文搞懂redux在react中的初步用法

Jun 09 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运行出现Call to undefined function curl_init()的解决方法

2010/11/02 PHP

解析关于java,php以及html的所有文件编码与乱码的处理方法汇总

2013/06/24 PHP

php获取网页上所有链接的方法

2015/04/03 PHP

CI框架中redis缓存相关操作文件示例代码

2016/05/17 PHP

老生常谈PHP 文件写入和读取(必看篇)

2017/05/22 PHP

js页面滚动时层智能浮动定位实现(jQuery/MooTools)

2011/08/23 Javascript

前端开发过程中浏览器版本的两种判定方法

2013/10/30 Javascript

最精简的JavaScript实现鼠标拖动效果的方法

2015/05/11 Javascript

javascript验证邮件地址和MX记录的方法

2015/06/16 Javascript

JavaScript运行过程中的“预编译阶段”和“执行阶段”

2015/12/16 Javascript

js实现下拉列表选中某个值的方法(3种方法)

2015/12/17 Javascript

JavaScript获取用户所在城市及地理位置

2018/04/21 Javascript

使用puppeteer爬取网站并抓出404无效链接

2018/12/20 Javascript

重置Redux的状态数据的方法实现

2019/11/18 Javascript

[01:52]2014DOTA2西雅图邀请赛 V社开大会你不知道的小秘密

2014/07/08 DOTA

Python实用日期时间处理方法汇总

2015/05/09 Python

Python文件处理

2016/02/29 Python

itchat和matplotlib的结合使用爬取微信信息的实例

2017/08/25 Python

Python2.7下安装Scrapy框架步骤教程

2017/12/22 Python

Python Websocket服务端通信的使用示例

2020/02/25 Python

Python count函数使用方法实例解析

2020/03/23 Python

Python PyQt5模块实现窗口GUI界面代码实例

2020/05/12 Python

Html5如何唤起百度地图App的方法

2019/01/27 HTML / CSS

意大利顶级奢侈品电商：LUISAVIAROMA（支持中文）

2020/05/26 全球购物

css animation配合SVG制作能量流动效果

2021/03/24 HTML / CSS

新闻专业个人自我评价

2013/09/21 职场文书

国贸专业大学生职业生涯规划范文

2014/01/10 职场文书

会计专业应届生自荐信

2014/02/07 职场文书

团代会主持词

2014/04/02 职场文书

个人委托书怎么写

2014/04/04 职场文书

罚款通知怎么写

2015/04/22 职场文书

敬老院义诊活动总结

2015/05/07 职场文书

2015年女工委工作总结

2015/07/27 职场文书

会计手工模拟做账心得体会

2016/01/22 职场文书

简述python四种分词工具,盘点哪个更好用?

2021/04/13 Python

python flappy bird小游戏分步实现流程

2022/02/15 Python