テーブルのスタイルには、次のクラスを使用します:
| クラス | 説明 | 例 |
|---|---|---|
| .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 より大きいデバイスに表示するときは、何の違いもありません: