テーブル

.tableクラスにより、縦の罫線、左右の枠線のないレイアウトになります。
さらに.table-stripedを付与することで、ストライプ模様になります。

で見出しを分けると、.table-stripedでも背景色の対象外となります。
.table-borderdを付与することで、縦の罫線と枠の罫線が追加されます。
.table-condensedを付与することで、余白が小さくなります。
.table-hoverを付与すると、マウスカーソルがある行の色が変化します。
.danger/.active/.success/.info/.warningで背景色に色が付きます。

.table .table-condensed

  みずほ当座カード みずほ銀行のカードローンカード(*8) カードみずほライン
月曜日~金曜日 8時45分~15時00分 8時45分~18時00分 8時45分~18時00分
土曜日、日曜日、
祝日・振替休日
お預入れいただけません 9時00分~17時00分 お預入れいただけません

.table .table-bordered

  平日 土曜日 日曜・祝日
ATM取引 8:00~20:00 8:00~17:00 お取引できません
ATM送金 9:00~17:00 お取引できません お取引できません

.table .table-condensed
<table class="table table-condensed">
<thead>
<tr>
<th>&nbsp;</th>
<th class="text-center">みずほ当座カード</th>
<th class="text-center">みずほ銀行のカードローンカード(*8)</th>
<th class="text-center">カードみずほライン</th>
</tr>
</thead>
<tbody>
<tr>
<th>月曜日~金曜日</th>
<td>8時45分~15時00分</td>
<td>8時45分~18時00分</td>
<td>8時45分~18時00分</td>
</tr>
<tr>
<th>土曜日、日曜日、<br />祝日・振替休日</th>
<td>お預入れいただけません</td>
<td>9時00分~17時00分</td>
<td>お預入れいただけません</td>
</tr>
</tbody>
</table>

.table .table-bordered
<table class="table table-bordered">
<thead>
<tr>
<th>&nbsp;</th>
<th class="active">平日</th>
<th class="info">土曜日</th>
<th class="danger">日曜・祝日</th>
</thead>
</tr>
<tbody>
<tr>
<td class="warning">ATM取引</td>
<td>8:00~20:00</td>
<td>8:00~17:00</td>
<td>お取引できません</td>
</tr>
<tr>
<td class="warning">ATM送金</td>
<td>9:00~17:00</td>
<td>お取引できません</td>
<td>お取引できません</td>
</tr>
</tbody>
</table>