No.4


【Bootstrap3】枠組み無しの表(table)

Bootstrap3で枠組み無しの表を使う

Bootstrap3 では上下の枠線を消すクラス定義が無い。

専用のクラスを追加してスタイルを上書き定義してやるのが一番楽そう。

.table-noborder {
  border-top: 0px !important;
  border-bottom: 0px !important;
}

と定義して、以下のように使用する。

<table class="table table-noborder">
  <tr>
    <td>
      ...
    </td>
  </tr>
</table>

他のクラスとも干渉しないので個人的にはこれがオススメ。