本文實例為大家分享了Bootstrap面板的具體實現代碼，供大家參考，具體內容如下
<!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"><!--面板頭部區域--> <h3 class="panel-title">水果</h3><!--面板頭部區域標題樣式--> </div> <div class="panel-body"><!--面板內容區域--> <p>幾十塊的割發代首看定居地方時刻到了房間打開看電視的空間的空間看到</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>幾十塊的割發代首看定居地方時刻到了房間打開看電視的空間的空間看到</p> </div> </div> </div> </div> <script src="js/jquery-2.1.0.js"></script> <script src="js/bootstrap.js"></script></body></html>
效果圖：
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
