如何删除表格中单元格的边框？

Question

我正在使用Bootstrap 3，我想删除单元格边框：

<td colspan="4"></td>

这是当前表：

<table class="table table-bordered table-hover">
<thead>
  <tr>
    <th>N°</th>
    <th>Fecha salida</th>
    <th>Fecha regreso</th>
    <th>Ciudad</th>
    <th>País</th>
    <th>Días</th>
  </tr>
</thead>
<tbody>
  <tr class="info">
    <td>1</td>
    <td>03/02/2015</td>
    <td>05/02/2015</td>
    <td>Ciudad de Panamá</td>
    <td>Panamá</td>
    <td>3</td>
  </tr>
  <tr>
    <td>2</td>
    <td>05/12/2014</td>
    <td>05/12/2014</td>
    <td>New York</td>
    <td>EE.UU</td>
    <td>1</td>
  </tr>
  <tr class="bold">
    <td colspan="4"></td>
    <td align="right">Días fuera</td>
    <td>4</td>
  </tr>
</tbody>
</table>

当前观点：

所需视图：

Answer 1

执行此操作的一种方法是将border-bottom css属性设置为hidden的{​​{1}}。

<td colspan="4"></td>

...或在您的＆＃39; bootstrap覆盖样式表中包含css＆＃39; （如果你有的话）。

Fiddle

Answer 2

使用此CSS

#hiddenborder{
    border-bottom: hidden;
    border-left: hidden;
}