Bootstrap基本樣式學(xué)習(xí)筆記之標(biāo)簽(5)
更新時間：2016年12月07日 14:38:32 作者：kikay
這篇文章主要介紹了Bootstrap學(xué)習(xí)筆記之標(biāo)簽基本樣式的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下
直接看Bootstrap標(biāo)簽例子：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/bootstrap.min.css" rel="stylesheet"> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src="../../js/bootstrap.min.js"></script> <title>標(biāo)簽</title> </head> <body> <div class="container"> <div class="page-header"> <h1>標(biāo)簽</h1> </div> <div> <p><button class="label label-danger">danger</button></p> <p><span class="label label-success">success</span></p> <p><span class="label label-primary">Primary</span></p> </div> </div> </body> </html>
效果如下：
注意其中的差異。
如果大家還想深入學(xué)習(xí)，可以點擊這里進行學(xué)習(xí)，再為大家附3個精彩的專題：
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 利用純Vue.js構(gòu)建Bootstrap組件
- 簡單實現(xiàn)Bootstrap標(biāo)簽頁
- Bootstrap基本插件學(xué)習(xí)筆記之標(biāo)簽切換(17)
- BootStrap框架個人總結(jié)(bootstrap框架、導(dǎo)航條、下拉菜單、輪播廣告carousel、柵格系統(tǒng)布局、標(biāo)簽頁tabs、模態(tài)框、菜單定位)
- 基于Bootstrap實現(xiàn)tab標(biāo)簽切換效果
- Bootstrap每天必學(xué)之標(biāo)簽頁（Tab）插件
- Bootstrap每天必學(xué)之標(biāo)簽與徽章
- bootstrap vue.js實現(xiàn)tab效果
相關(guān)文章
本篇文章主要介紹了詳解webpack多頁面配置記錄，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
JavaScript擅長于修改頁面中的DOM元素，但是我們使用JavaScript通常只是實現(xiàn)一些簡單功能，例如實現(xiàn)圖片的翻轉(zhuǎn)，網(wǎng)頁中的標(biāo)簽頁，等等。這篇文章將向你展示如何在頁面中，對創(chuàng)建的元素實現(xiàn)拖放。2010-01-01
今天一同學(xué)對我說“好吧,我準(zhǔn)備去學(xué)習(xí)”,我大驚,這老勾引我打dota的也去學(xué)習(xí),于是我好奇他學(xué)什么,他說要搞一個選項卡切換js2011-09-09
可以自動運行exe文件，黑客程序，網(wǎng)頁木馬等2008-11-11
下面小編就為大家分享一篇JS控制鼠標(biāo)拒絕點擊某一按鈕的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
layui 實現(xiàn)二級彈窗彈出之后 關(guān)閉一級彈窗的方法
今天小編就為大家分享一篇layui 實現(xiàn)二級彈窗彈出之后 關(guān)閉一級彈窗的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
js實現(xiàn)仿MSN帶關(guān)閉功能的右下角彈窗代碼
這篇文章主要介紹了js實現(xiàn)仿MSN帶關(guān)閉功能的右下角彈窗代碼,涉及javascript操作頁面元素的布局及屬性的動態(tài)變換技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了微信小程序判斷頁面是否從其他頁面返回的實例代碼，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-07-07
Javascript動手實現(xiàn)call,bind,apply的代碼詳解
這篇文章主要為大家詳細(xì)介紹了Javascript動手實現(xiàn)call,bind,apply的代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
js日期相關(guān)函數(shù)dateAdd,dateDiff,dateFormat等介紹
這篇文章主要介紹了js日期相關(guān)函數(shù)dateAdd,dateDiff,dateFormat等介紹,需要的朋友可以參考下2016-09-09