Entfernen Sie den Rahmen von einer Bootstrap-Tabelle-reagierende

Question

Hallo, ich versuche, Grenze von meinem Tisch zu entfernen.

Hier ist mein Code:

<table class="table table-responsive" style="border:none"> 
    <tr> 
     <th>First name</th> 
     <th>Last name </th> 
    </tr> 
    <tr> 
     <td>Tima</td> 
     <td>Zahra</td> 
    </tr> 
    <tr> 
     <td>Emily</td> 
     <td>SMITH</td> 
    </tr> 
</table> 

Aber es funktioniert nicht. Bitte hilf mir ! Es tut mir leid für mein schlechtes Englisch und ich hoffe du wirst es verstehen.

Answer 1

Gerade folgende CSS verwenden:

.table thead tr th, .table tbody tr td { 
    border: none; 
} 

Answer 2

Just do folgende Änderungen im Kopfteil

<style> 
    .borderless tr, .borderless td, .borderless th { 
    border: none !important; 
    } 
</style> 

und diese Veränderungen in der Körperabschnitt:

<table class="table table-responsive borderless"> 
      <tr> <th>First name</th><th>Last name </th></tr> 
      <tr> <td>Tima</td> <td>Zahra</td> </tr> 
      <tr><td>Emily</td> <td>SMITH</td> </tr> 
</table> 

Dies wird für Sie hilfreich. Danke :)