カラーミーキット（テーブル）

通常

EXAMPLE

色 在庫
ブラック ◯
ブルー 残りわずか
パープル ×
レッド ×

HTML

<table class="table">
...
</table>

.table-striped

EXAMPLE

色 在庫
ブラック ◯
ブルー 残りわずか
パープル ×
レッド ×

HTML

<table class="table table-striped">
...
</table>

.table-bordered

EXAMPLE

色 在庫
ブラック ◯
ブルー 残りわずか
パープル ×
レッド ×

HTML

<table class="table table-bordered">
...
</table>

.table-hover

EXAMPLE

色 在庫
ブラック ◯
ブルー 残りわずか
パープル ×
レッド ×

HTML

<table class="table table-hover">
...
<table>

.table-condensed

EXAMPLE

色 在庫
ブラック ◯
ブルー 残りわずか
パープル ×
レッド ×

HTML

<table class="table table-condensed">
...
<table>