Bootstrap基本表
基本的なBootstrapテーブルには、光パディングとだけ水平分周器を持っています。
.tableクラスは、テーブルへの基本的なスタイルを追加します。
例
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
ストライプ行
.table-stripedクラスは、テーブルにゼブラストライプを追加します。
例
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
フチ表
.table-borderedクラスは、テーブルとセルのすべての側面にボーダーを追加します。
例
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
ホバー行
.table-hoverクラスは、テーブルの行にホバー状態を可能にします：
例
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
コンデンス表
.table-condensedクラスが半分にセルパディングを切断することにより、テーブルをよりコンパクトになります：
例
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
コンテキストクラス
コンテキストクラスは、カラーテーブルの行（に使用することができます<tr>またはテーブルセル（ <td>
例
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
使用することができ、コンテキストクラスは次のとおりです。
| クラス | 説明 |
|---|---|
.active | テーブル行またはテーブルセルにホバー色を適用します |
.success | 成功または積極的な行動を示しています |
.info | 中立有益な変更またはアクションを示します |
.warning | 注意が必要な場合があります警告を示し |
.danger | 危険または潜在的に負の作用を示します |
レスポンシブ表
.table-responsiveクラスは、応答テーブルを作成します。 テーブルには、その後、小型デバイス（768px下）に水平方向にスクロールします。 ワイド768pxより大きい何にも表示しているときに、違いはありません。
練習で自分自身をテスト！
完全なBootstrap Table Reference Bootstrap Table Reference
すべてのテーブルクラスの完全なリファレンスについては、当社の完全に行くBootstrap表参照 。