Bootstrap面板學(xué)習(xí)使用
更新時(shí)間：2017年02月09日 08:29:38 作者：輕擾時(shí)光
這篇文章主要為大家詳細(xì)介紹了Bootstrap面板的學(xué)習(xí)使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了Bootstrap面板的具體實(shí)現(xiàn)代碼，供大家參考，具體內(nèi)容如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap</title>
<link rel="stylesheet" href="css/bootstrap.css" rel="external nofollow" />
</head>
<body>
<div class="container">
<div class="row">
<div class="ppanel panel-default"><!--panel是面板的意思-->
<div class="panel-heading"><!--面板頭部區(qū)域-->
<h3 class="panel-title">水果</h3><!--面板頭部區(qū)域標(biāo)題樣式-->
</div>
<div class="panel-body"><!--面板內(nèi)容區(qū)域-->
<p>幾十塊的割發(fā)代首看定居地方時(shí)刻到了房間打開看電視的空間的空間看到</p>
</div>
</div>
</div>
<div class="row">
<div class="ppanel panel-primary"><!--還可以是success、warning、danger等-->
<div class="panel-heading">
<h3 class="panel-title">水果</h3>
</div>
<div class="panel-body">
<p>幾十塊的割發(fā)代首看定居地方時(shí)刻到了房間打開看電視的空間的空間看到</p>
</div>
</div>
</div>
</div>
<script src="js/jquery-2.1.0.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
效果圖：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
經(jīng)常使用其他腳本語言（ASP ASP.NET PHP等）獲取頁面的瀏覽來源，今天我們來研究下使用Javascript以及C#獲取頁面的referer。2014-11-11
js實(shí)現(xiàn)頁面跳轉(zhuǎn)的幾種方式，需要的朋友可以參考下。2010-11-11
JavaScript數(shù)據(jù)結(jié)構(gòu)之單鏈表和循環(huán)鏈表
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之單鏈表、循環(huán)鏈表，詳細(xì)的介紹了JavaScript如何實(shí)現(xiàn)單鏈表、循環(huán)鏈表，有興趣的可以了解一下2017-11-11
微信小程序?qū)崿F(xiàn)列表滾動(dòng)頭部吸頂?shù)氖纠a
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)列表滾動(dòng)頭部吸頂?shù)氖纠a，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
這篇文章主要介紹了Typescript中索引簽名使用詳解,需要的朋友可以參考下2023-08-08
isArray()函數(shù)(JavaScript中對(duì)象類型判斷的幾種方法)
我們知道，JavaScript中檢測(cè)對(duì)象類型的運(yùn)算符有：typeof、instanceof，還有對(duì)象的constructor屬性2009-11-11
本文向大家介紹了javascript中常見的3種獲取元素的方法，分別是通過元素ID、通過標(biāo)簽名字和通過類名字來獲取，并附上了示例，希望大家能夠喜歡。2015-03-03
詳解ES6中的 Set Map 數(shù)據(jù)結(jié)構(gòu)學(xué)習(xí)總結(jié)
這篇文章主要介紹了詳解ES6中的 Set Map 數(shù)據(jù)結(jié)構(gòu)學(xué)習(xí)總結(jié)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了javascript關(guān)于繼承的用法,實(shí)例匯總了常見的javascript關(guān)于繼承的用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
確定你是要禁用全局的還是指定控件，如果是全局的 就只要監(jiān)聽window.keyDown = function(event){.....} 一樣一樣的，感興趣的朋友可以了解下哈2013-05-05