Suppression des lignes dans twitter bootstrap

Question

J'utilise twitter bootstrap pour une application web que je suis obligé de faire (je ne suis pas un développeur web) et je ne trouve pas le moyen de désactiver les lignes des tableaux.

Comme vous pouvez le voir sur le Documentation sur Bootstrap le style de tableau par défaut contient des lignes.

Regards,

Answer 1

Ajoutez ceci à votre CSS principal :

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

Utilisez ceci pour les nouvelles versions de bootstrap :

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

Answer 2

Dans Bootstrap 3, j'ai ajouté une classe "table-no-border".

.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; 
}

Answer 3

Bootstrap.min.css est plus spécifique que votre propre feuille de style si vous utilisez simplement .table td. Utilisez donc ceci à la place :

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

Answer 4

C'est ce qui a marché pour moi

.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,
.table-no-border>tbody,
.table-no-border>thead,
.table-no-border>tfoot{
  border-top: none !important; 
  border-bottom: none !important; 
}

J'ai dû sortir le !important pour que ça tienne.

Answer 5

J'ai reçu la même question d'un ami. Ma suggestion, qui ne nécessite pas !Important ressemble à ça : J'ajoute une classe personnalisée " no-border " qui peut être ajouté au tableau d'amorçage.

.table.no-border tr td, .table.no-border tr th {
  border-width: 0;
}

Vous pouvez voir ma démarche à un solution ici