1

おはようございます！

現在、ブートストラップを使用して Web サイトを設計しています。テーブルレスポンシブを使用してテーブルを作成しました。表をカスタマイズしましたが、灰色の下線を削除できません。

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

margin-top を tbody に追加し、margin-bottom を thead に追加してみました。何も機能しません。

どうもありがとう！

4

2 に答える 2

3

関連するルールをオーバーライドする必要があります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-28T15:03:24.903 に答える
0

試す

table tr{border: none;}

乾杯

于 2013-10-28T15:03:35.227 に答える