Panelsパネルは、内容を枠線で括りたい時に便利なコンポーネントだ。panel-defaultを指定したdiv要素を用意する。必要に応じて、1の要素内に、panel-heading(ヘッダー)、panel-body(ボディー)、panel-footer(フッター)の何れかをclass属性に指定したdivを配置する。必要に応じて、1の要素内に、表(table要素)やリスト・グループを配置することもできる。class="panel-body">パネルの内容</div></div>見出しヘッダー内に見出し(h1~h6要素)を配置する場合、見出し要素(h1~h6要素)のclass属性にpanel-titleを指定する。class="panel-footer">パネルのフッター</div></div>カラー・バリーションコンテキスト・クラスを使ったカラー・バリエーション。class="panel-body">パネルの内容</div></div>表(table要素)パネル内に、ヘッダー(panel-heading)、ボディー(panel-body)、表(table要素)、フッター(panel-footer)を配置するスタイル。table要素のclass属性にはtableを指定する。68これはサンプルであり、太陽系リーグなどは存在しません。class="panel-body">優勝チームには、銀河リーグへの参加資格が与えられる。class="panel-footer">これはサンプルであり、太陽系リーグなどは存在しません。</div></div>表(table要素)2パネル内に、ヘッダー(panel-heading)と表(table要素)を配置するスタイル。class="table"><thead><tr><th>順位</th><th>名前</th><th>惑星</th><th>勝点</th></tr></thead><tbody><tr><th>1</th><td>ブルーSC</td><td>地球</td><td>101</td></tr><tr><th>2</th><td>FCウェヌス</td><td>金星</td><td>83</td></tr><tr><th>3</th><td>ジュピターFC</td><td>木星</td><td>68</td></tr></tbody></table></div>リスト・グループ(ul要素)パネル内に、ヘッダー(panel-heading)、ボディー(panel-body)、リスト・グループ(ul要素)、フッター(panel-footer)を配置するスタイル。ul要素のclass属性にはlist-groupを指定する。リスト項目(li要素)のclass属性にはlist-group-itemを指定する。class="panel-footer">パネルのフッター</div></div>リスト・グループ(div要素)パネル内に、ヘッダー(panel-heading)、ボディー(panel-body)、リスト・グループ(div要素)、フッター(panel-footer)を配置するスタイル。div要素のclass属性にはlist-groupを指定する。リスト項目(a要素)のclass属性にはlist-group-itemを指定する。class="panel-footer">パネルのフッター</div></div>カスタム・コンテンツを含むリスト・グループ(div要素)パネル内に、ヘッダー(panel-heading)、ボディー(panel-body)、カスタム・コンテンツを含むリスト・グループ(div要素)、フッター(panel-footer)を配置するスタイル。リスト・グループの項目内に、見出しタグ(h1~h6要素)を配置する場合、class属性にlist-group-item-headingを指定する。リスト・グループの項目内に、段落要素(p要素)を配置する場合、class属性にlist-group-item-textを指定する。Bootstrap3日本語リファレンス@サイバー・ラボ。