久草热在线在线8,久草福利综合资源

面板

面板（Panels）是Bootstrap框架新增的一個組件，其主要作用就是用來處理一些其他組件無法完成的功能。同樣在不同的版本中具有不同的源碼：

? Less版本：對應的源碼文件是 panels.less

? Sass版本：對應的源碼文件是 _panels.scss

? 編譯后的Bootstrap：對應bootstrap.css文件第4995行～第5302行

任務

?不會了怎么辦

index.html

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>面板</title> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> </head> <body> <h3>基礎面板</h3> <div class="panel panel-default"> <div class="panel-body">我是一個基礎面板，帶有默認主題樣式風格</div> </div> <h3>帶有頭和尾的面板</h3> <div class="panel panel-default"> <div class="panel-heading">圖解CSS3</div> <div class="panel-body">詳細講解了選擇器、邊框、背景、文本、顏色、盒模型、伸縮布局盒模型、多列布局、漸變、過渡、動畫、媒體、響應Web設計、Web字體等主題下涵蓋的所有CSS3新特性 </div> <div class="panel-footer">作者：大漠</div> </div> <h3>彩色面板</h3> <div class="panel panel-default"> <div class="panel-heading">圖解CSS3</div> <div class="panel-body"> 詳細講解了選擇器、邊框、背景、文本、顏色、盒模型、伸縮布局盒模型、多列布局、漸變、過渡、動畫、媒體、響應Web設計、Web字體等主題下涵蓋的所有CSS3新特性 </div> <div class="panel-footer">作者：大漠</div> </div> <div class="panel panel-primary"> <div class="panel-heading">圖解CSS3</div> <div class="panel-body">詳細講解了選擇器、邊框、背景、文本、顏色、盒模型、伸縮布局盒模型、多列布局、漸變、過渡、動畫、媒體、響應Web設計、Web字體等主題下涵蓋的所有CSS3新特性</div> <div class="panel-footer">作者：大漠</div> </div> <div class="panel panel-success"> <div class="panel-heading">圖解CSS3</div> <div class="panel-body">詳細講解了選擇器、邊框、背景、文本、顏色、盒模型、伸縮布局盒模型、多列布局、漸變、過渡、動畫、媒體、響應Web設計、Web字體等主題下涵蓋的所有CSS3新特性</div> <div class="panel-footer">作者：大漠</div> </div> <div class="panel panel-info"> <div class="panel-heading">圖解CSS3</div> <div class="panel-body">詳細講解了選擇器、邊框、背景、文本、顏色、盒模型、伸縮布局盒模型、多列布局、漸變、過渡、動畫、媒體、響應Web設計、Web字體等主題下涵蓋的所有CSS3新特性</div> <div class="panel-footer">作者：大漠</div> </div> <div class="panel panel-warning"> <div class="panel-heading">圖解CSS3</div> <div class="panel-body">詳細講解了選擇器、邊框、背景、文本、顏色、盒模型、伸縮布局盒模型、多列布局、漸變、過渡、動畫、媒體、響應Web設計、Web字體等主題下涵蓋的所有CSS3新特性</div> <div class="panel-footer">作者：大漠</div> </div> <div class="panel panel-danger"> <div class="panel-heading">圖解CSS3</div> <div class="panel-body">詳細講解了選擇器、邊框、背景、文本、顏色、盒模型、伸縮布局盒模型、多列布局、漸變、過渡、動畫、媒體、響應Web設計、Web字體等主題下涵蓋的所有CSS3新特性</div> <div class="panel-footer">作者：大漠</div> </div> <h3>面板中嵌套表格</h3> <div class="panel panel-default"> <div class="panel-heading">圖解CSS3</div> <div class="panel-body"> <p>詳細講解了選擇器、邊框、背景、文本、顏色、盒模型、伸縮布局盒模型、多列布局、漸變、過渡、動畫、媒體、響應Web設計、Web字體等主題下涵蓋的所有CSS3新特性 </p> <table class="table table-bordered"> <thead> <tr> <th>＃</th> <th>我的書</th> <th>發布時間</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>《圖解CSS3》</td> <td>2014-07-10</td> </tr> </tbody> </table> </div> <div class="panel-footer">作者：大漠</div> </div> <script src="http://www.xianlaiwan.cn/static/lib/jquery/1.9.1/jquery.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>

提問題

提交

其他問答

查看更多本節問答

寫筆記

公開筆記

提交

全屏

請驗證，完成請求

由于請求次數過多，請先驗證，完成再次請求

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

7-25 面板

面板

任務

提問題

其他問答

寫筆記

您還未綁定服務號

收藏課程后，能更快找到我哦～

手記推薦

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

7-25 面板

熱搜

最近搜索清空

面板

任務

提問題

其他問答

寫筆記

您還未綁定服務號

收藏課程后，能更快找到我哦～

手記推薦

收藏課程后，能更快找到我哦～