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

jQuery 事件的命名空间简单了解

Nov 22 Javascript

Javascript中匿名函数的多种调用方式总结

Dec 06 Javascript

js实现按一下删除键删除整个单词附demo

Sep 05 Javascript

javascript使用appendChild追加节点实例

Jan 12 Javascript

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

May 13 Javascript

原生JS实现左右箭头选择日期实例代码

Mar 14 Javascript

基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )

Mar 30 Javascript

JavaScript 中调用 Kotlin 方法实例详解

Jun 09 Javascript

vue.js实现备忘录功能的方法

Jul 10 Javascript

js插件实现图片滑动验证码

Sep 29 Javascript

js实现一个页面多个倒计时的3种方法

Feb 25 Javascript

微信小程序调用微信授权窗口相关问题解决

Jul 25 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