带标题的面板

使用 .panel-heading 轻松地将标题容器添加到面板中。你还可以包含任何带有 .panel-title 类的 <h1>-<h6> 来添加预先设置的标题。然而，<h1>-<h6> 的字体大小被 .panel-heading 覆盖。

要获得正确的链接着色，请务必在 .panel-title 中的标题中放置链接。

<div class="panel panel-default">
  <div class="panel-heading">Panel heading without title</div>
  <div class="panel-body">
    Panel content
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">Panel title</h3>
  </div>
  <div class="panel-body">
    Panel content
  </div>
</div>