パネル
ブートストラップでのパネルには、その内容の周りにいくつかのパディングとボーダーボックスです。
ベーシックパネル
パネルは使用して作成され.panelクラス、およびパネル内のコンテンツは持ってい.panel-bodyクラスを：
例
<div class="panel panel-default">
<div class="panel-body">A Basic
Panel</div>
</div>
»それを自分で試してみてください .panel-defaultクラスは、パネルの色のスタイルを設定するために使用されます。 より多くの文脈のクラスについては、このページの最後の例を参照してください。
パネルの見出し
パネルの見出し
パネルの内容
.panel-headingクラスは、パネルに見出しを追加します。
例
<div class="panel panel-default">
<div
class="panel-heading">Panel Heading</div>
<div class="panel-body">Panel
Content</div>
</div>
»それを自分で試してみてください パネルフッター
パネルの内容
.panel-footerクラスがパネルにフッターを追加します。
例
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
<div class="panel-footer">Panel Footer</div>
</div>
»それを自分で試してみてください パネルグループ
一緒にグループ多くのパネルに、ラップ<div>クラスで.panel-group彼らの周り。
.panel-groupクラスは、各パネルの下部マージンをクリアします。
例
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
</div>
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
</div>
</div>
»それを自分で試してみてください コンテキストクラスを使用したパネル
パネルを着色するためには、コンテクストクラス（使用.panel-default 、 .panel-primary 、 .panel-success 、 .panel-info 、 .panel-warning 、または.panel-danger ）：
例
Panel with panel-default class
Panel Content
Panel with panel-primary class
Panel Content
Panel with panel-success class
Panel Content
Panel with panel-info class
Panel Content
Panel with panel-warning class
Panel Content
Panel with panel-danger class
Panel Content