How to remove border from a bootstrap table-responsive?

Question

Hello I'm trying to remove border from my table.

Here's my 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>

But it's not working. Please help me ! I'm sorry for my bad english and I hope you will understand it.

Answer 1

Just use following css:

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