<!-- HTML -->

<div class="panel">
  <div class="panel-heading">
    <h3 class="panel-title">等级列表</h3>
  </div>
  <div class="panel-body">像其他组件一样，可以简单地通过加入有情境效果的状态类，给特定的内容使用更针对特定情境的面版。把按钮或次要的文本放入 <code>.panel-footer</code> 容器内。注意面版的脚注不会从情境效果中继承颜色，因为他们并不是主要内容。</div>
  <div class="panel-footer">为面板中不需要边框的表格添加 <code>.table</code> 类，是整个面板看上去更像是一个整体设计。如果是带有 <code>.panel-body</code> 的面板，我们为表格的上方添加一个边框，看上去有分隔效果。</div>
</div>