帶標題的面板

使用 .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>