Bootstrap面板學習使用
更新時間:2017年02月09日 08:29:38 作者:輕擾時光
這篇文章主要為大家詳細介紹了Bootstrap面板的學習使用,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了Bootstrap面板的具體實現(xiàn)代碼,供大家參考,具體內容如下
<!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ū)域標題樣式--> </div> <div class="panel-body"><!--面板內容區(qū)域--> <p>幾十塊的割發(fā)代首看定居地方時刻到了房間打開看電視的空間的空間看到</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ā)代首看定居地方時刻到了房間打開看電視的空間的空間看到</p> </div> </div> </div> </div> <script src="js/jquery-2.1.0.js"></script> <script src="js/bootstrap.js"></script> </body> </html>
效果圖:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
JavaScript數(shù)據(jù)結構之單鏈表和循環(huán)鏈表
這篇文章主要介紹了JavaScript數(shù)據(jù)結構之單鏈表、循環(huán)鏈表,詳細的介紹了JavaScript如何實現(xiàn)單鏈表、循環(huán)鏈表,有興趣的可以了解一下2017-11-11微信小程序實現(xiàn)列表滾動頭部吸頂?shù)氖纠a
這篇文章主要介紹了微信小程序實現(xiàn)列表滾動頭部吸頂?shù)氖纠a,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-07-07isArray()函數(shù)(JavaScript中對象類型判斷的幾種方法)
我們知道,JavaScript中檢測對象類型的運算符有:typeof、instanceof,還有對象的constructor屬性2009-11-11詳解ES6中的 Set Map 數(shù)據(jù)結構學習總結
這篇文章主要介紹了詳解ES6中的 Set Map 數(shù)據(jù)結構學習總結,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-11-11