부트 스트랩의 CSS 표

현재 부트 스트랩이있는 웹 사이트를 디자인하고 있습니다. 나는 테이블 반응 형 테이블을 사용했다. 테이블을 사용자 정의했지만 회색 밑줄을 제거 할 수 없습니까?

<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>

tbody에 margin-top을 추가하고 thead에 여백을 추가하려고했습니다. 아무것도 작동하지 않습니다.

고맙습니다.

출처

2013-10-28 Henrique Caiano

당신은 바이올린을 만들 수 있습니까? –

밑줄 ?? 어떤 밑줄? 국경에 대해서 말하는거야? – Sachin

예 국경입니다 –

boostrap.css의 관련 규칙을 재정의해야합니다. 예 :

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

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

출처

2013-10-28 15:03:24 412

고마워요. Perfect :) –

시도

table tr{border: none;}

건배

출처

2013-10-28 15:03:35 phron

부트 스트랩을 오버라이드하기에 충분하지는 않습니다. –

부트 스트랩의 CSS 표

답변

관련 문제