在基礎面板一節中了解到，panel樣式并沒有對主題進行樣式設置，而主題樣式是通過panel-default來設置。在Bootstrap框架中面板組件除了默認的主題樣式之外，還包括以下幾種主題樣式，構成了一個彩色面板：
? panel-primary：重點藍
? panel-success：成功綠
? panel-info:信息藍
? panel-warning：警告黃
? panel-danger：危險紅
使用方法就很簡單了，只需要在panel的類名基礎上增加自己需要的類名：
<div class="panel panel-default">
<div class="panel-heading">圖解CSS3</div>
<div class="panel-body">…</div>
<div class="panel-footer">作者：大漠</div>
</div>
<div class="panel panel-primary">…</div>
<div class="panel panel-success">…</div>
<div class="panel panel-info">…</div>
<div class="panel panel-warning">…</div>
<div class="panel panel-danger">…</div>
運行效果如下：
從效果中不難發現，這幾個樣式只是改變了面板的背景色、文本和邊框顏色：具體源碼可以查看bootstrap.css文件第5195行～第5302行。
我來試試：在右側修改代碼，以實現下面效果圖效果
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報