テーブルのスタイルには、次のクラスを使用します:
クラス | 説明 | 例 |
---|---|---|
.table | すべての <table> に、基本的なスタイル(小さなパディングと横方向のみの区切線)を追加する | Try it |
.table-striped | <tbody> 内のテーブル行に縞模様を追加する(IE8では使用できない) | Try it |
.table-bordered | テーブルとセルの四辺にボーダーを追加する | Try it |
.table-hover | <tbody> 内のテーブル行にホバー状態(マウスを乗せると行の色が変化する)を有効にする | Try it |
.table-condensed | セルパディングを半分にカットすることにより、テーブルをよりコンパクトにする | Try it |
全 table クラスを組合わせる | Try it |
テーブルの行またはセルに色を設定するには、以下のクラスを使用します:
クラス | 説明 | 例 |
---|---|---|
.active | 特定の行またはセルにホバー時の色を適用する | Try it |
.success | 成功または積極的な行動を表す | Try it |
.info | 有益な変化または行動にニュートラルであることを表す | Try it |
.warning | 注意が必要かもしれない警告を表す | Try it |
.danger | 危険または潜在的に否定的な行動を表す | Try it |
.table-responsive クラスは、レスポンシブ・テーブルを作成します。テーブルは、小型デバイス (768px 未満) では 横にスクロールします。幅が 768px より大きいデバイスに表示するときは、何の違いもありません: