快捷導(dǎo)航

Bootstrap 按鈕樣式與使用代碼詳解

更新時(shí)間：2018年12月09日 14:19:16 作者：在代碼的世界里游走

這篇文章主要介紹了Bootstrap -- 按鈕樣式與使用，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

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">危險(xiǎn)按鈕</button>
</body>
</html>

總結(jié)

以上所述是小編給大家介紹的Bootstrap 按鈕樣式與使用代碼詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

您可能感興趣的文章:

相關(guān)文章

localStorage實(shí)現(xiàn)便簽小程序
這篇文章主要為大家詳細(xì)介紹了localStorage實(shí)現(xiàn)便簽小程序的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
Ionic快速安裝教程
Ionic 是目前最有潛力的一款 HTML5 手機(jī)應(yīng)用開(kāi)發(fā)框架。通過(guò) SASS 構(gòu)建應(yīng)用程序，它提供了很多 UI 組件來(lái)幫助開(kāi)發(fā)者開(kāi)發(fā)強(qiáng)大的應(yīng)用。接下來(lái)小編給大家介紹如何安裝 Ionic 在自己的電腦上搭建一個(gè)簡(jiǎn)單的小應(yīng)用，感興趣的朋友一起看看吧
2016-06-06
20個(gè)實(shí)用的JavaScript技巧分享
這篇文章主要介紹了20個(gè)實(shí)用的JavaScript技巧分享,本文講解的都是開(kāi)發(fā)中總結(jié)出的編碼技巧、和最佳實(shí)踐,需要的朋友可以參考下
2014-11-11
ES10 特性的完整指南小結(jié)
這篇文章主要介紹了ES10 特性的完整指南小結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-03-03
使用electron制作滿屏心特效的示例代碼
這篇文章主要介紹了使用electron制作滿屏心特效的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-11-11
Javascript單線程和事件循環(huán)
這篇文章主要介紹了Javascript單線程和事件循環(huán)，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-06-06
使用正則表達(dá)式的格式化與高亮顯示json字符串
這篇文章主要介紹了使用正則表達(dá)式的格式化與高亮顯示json字符串的方法，非常的簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2014-12-12
百度地圖自定義控件分享
本文給大家介紹的是如何使用百度地圖的自定義控件，附上示例，分享給大家，小伙伴們根據(jù)自己的需求稍微改動(dòng)下即可使用。
2015-03-03
JavaScript前端實(shí)現(xiàn)拼圖分割效果
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)JavaScript前端實(shí)現(xiàn)拼圖分割效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-10-10
JavaScript設(shè)計(jì)模式之外觀模式實(shí)例
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之外觀模式實(shí)例,本文用一些代碼實(shí)例來(lái)講解JavaScript中的外觀模式,需要的朋友可以參考下
2014-10-10