BootStrap3を使ったテーブルの外枠線を消したい

Question

やりたいこと

BootStrap3を使って、外枠のないテーブルを作成したいです。

イメージ図

想定するテーブルの構成

<table class="table table-bordered">
    <thead>
    <tr>
      <th>色 / アイテム</th>
      <th>アイテム1</th>
      <th>アイテム2</th>
      <th>アイテム3</th>
      <th>アイテム3</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <th>赤色</th>
      <td>10</td>
      <td>15</td>
      <td>20</td>
      <td>25</td>
    </tr>
    <tr>
      <th>青色</th>
      <td>10</td>
      <td>20</td>
      <td>30</td>
      <td>40</td>
    </tr>
    <tr>
      <th>黄色</th>
      <td>5</td>
      <td>20</td>
      <td>10</td>
      <td>10</td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
      <th>合計</th>
      <td>25</td>
      <td>55</td>
      <td>60</td>
      <td>75</td>
    </tr>
    </tfoot>
  </table>

上のイメージ図の外枠を消したいので、ご教授いただければと思います。
よろしくお願いいたします。

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

Answer 1

table-borderedを削除し、cssを追加することで自己解決しました。
td、thの部分に縦線を入れて、一番右端の縦線を削除することで解決できました。

td, th {
  border-right: 1px solid #ddd;
}

td:last-child, th:last-child {
  border-right: none;
}

Answer 2

1行目table-borderedを削除されてはいかかでしょうか。

Comments

[kei344]

縦線が消えませんか？

[Uichi]

table-borderedの削除がヒントになりました。
ありがとうございます。