CSS Tables in Bootstrap

Question

Good morning!

I'm currently designing a website with bootstrap. I used the table-responsive to create a table. I customised the table but i can't remove the gray underline?

<div class="table-responsive">
  <table class="table">
   <thead>
    <tr>
      <th>Track Name</th>
      <th>Requested</th>
      <th>Status</th>
    </tr>
   </thead>
   <tbody>
    <tr>
      <td><p>Remotion (Original Mix)</p><p><small><span class="grey_color">by</span> Ovaal</small></p></td>
      <td>1 day ago</td>
      <td><span class="label label-primary"><small>Waiting for Approval</small></span></td>
    </tr>
    <tr>
      <td><p>Remotion (Original Mix)</p><p><small><span class="grey_color">by</span> Ovaal</small></p></td>
      <td>1 day ago</td>
      <td><span class="label label-primary"><small>Waiting for Approval</small></span></td>
    </tr>
  </tbody>
  </table>
</div>

I tried adding margin-top to tbody as well as adding margin-bottom to thead. Nothing works.

Thanks a lot!

Will you be able to create a fiddle?

Dhaval Marthak
– Dhaval Marthak

2013-10-28 14:57:20 +00:00
Commented Oct 28, 2013 at 14:57 — Dhaval Marthak
– Dhaval Marthak, Commented Oct 28, 2013 at 14:57
underline?? which underline? are you talking about borders?

Sachin
– Sachin

2013-10-28 14:59:58 +00:00
Commented Oct 28, 2013 at 14:59 — Sachin
– Sachin, Commented Oct 28, 2013 at 14:59

412 · Accepted Answer · 2013-10-28 15:03:24Z

3

You'll have to override the relevant rules in boostrap.css - e.g.

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

Example: http://jsfiddle.net/52VtD/403/

answered Oct 28, 2013 at 15:03

412

1,45811 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

phron · Accepted Answer · 2013-10-28 15:03:35Z

0

Try

table tr{border: none;}

Cheers

answered Oct 28, 2013 at 15:03

phron

1,84518 silver badges24 bronze badges

1 Comment

StackExchange User Over a year ago

That's not specific enough for it to override Bootstrap.

Collectives™ on Stack Overflow

CSS Tables in Bootstrap

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related