Remove row lines in twitter bootstrap

Question

I'm using twitter bootstrap for some web app I'm forced to do (I'm not a web developer) and I can't find a way to disable the row lines for tables.

As you can see from the Bootstrap documentation, the default table style contains line rows.

Regards,

Answer 1

Add this to your main CSS:

table td {     border-top: none !important; } 

Use this for newer versions of bootstrap:

.table th, .table td {       border-top: none !important;   } 

Answer 2

In Bootstrap 3 I've added a table-no-border class

.table-no-border>thead>tr>th,  .table-no-border>tbody>tr>th,  .table-no-border>tfoot>tr>th,  .table-no-border>thead>tr>td,  .table-no-border>tbody>tr>td,  .table-no-border>tfoot>tr>td {   border-top: none;  }