CODEWITHSUNDEEP
htmlcsstwitter-bootstraphtml-table
Developer Team
Developer Team

Reputation: 89

Removing the line from top of the table in bootstrap

I am creating website using bootstrap. When I use table the line is displayed only at the top of the table.

I tried to remove the line using the following code:

    .table {
  border: 0;
}

And the HTML code I used is:

<table class="table">
  <tr>
    <td> ...... </td>
  </tr>
</table>

How can I remove the line that is displayed above the table?

Upvotes: 3

Views: 2839

Answers (2)

Girish Vadhel
Girish Vadhel

Reputation: 745

You can try out with setting property to important. If you dont need border to the table:

.table{border:none !important;}

If you only want to remove top border then:

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

Hope this will help you out.

Upvotes: 1

evgeny-i
evgeny-i

Reputation: 50

Try to use following styles:

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
  border:0;
}

Upvotes: 0

Related Questions