image.png

div.panel panel-default/div.panel-body

<div class="panel panel-default"> <div class="panel-body"> 这是一个基本的面板 </div> </div>

image.png

带标题的面板 div.panel panel-default/div.panel-heading div.panel-body

<div class="panel panel-default"> <div class="panel-heading"> 不带 title 的面板标题 </div> <div class="panel-body"> 面板内容 </div> </div>

<div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> 带有 title 的面板标题 </h3> </div> <div class="panel-body"> 面板内容 </div> </div>

image.png

面板组脚div.panel-footer

<div class="panel panel-default"> <div class="panel-body"> 这是一个基本的面板 </div> <div class="panel-footer">面板脚注</div> </div>