2016-06-11 107 views
0

我需要使用此表中刪除theadtbody之間的直線bootstrap3
我曾嘗試用CSS但沒有成功如何刪除此行表

我試圖消除border S和的table但我崩潰得到這個

Error

<table class="table"> 
    <thead> 
    <tr> 
     <th>Atividade:</th> 
     <th>Meta:</th> 
     <th>Responsável</th> 
     <th>Parceria:</th> 
     <th></th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td> 
      <input type="text" class="form-control" name="NomeAtividade[]" required=""> 
     </td>   
     <td> 
      <input type="number" min="0" max="100" step="1" value="0" class="form-control" id="MetaAtividade" name="MetaAtividade[]"> 
     </td>   
     <td> 
      <input type="text" class="form-control" name="ResponsavelAtividade[]"> 
     </td> 
     <td> 
      <input type="text" class="form-control" name="ParceiroAtividade[]"> 
     </td> 
     <td> 
      <button type="button" class="btn btn-default addButton"><i class="glyphicon glyphicon-plus"></i></button> 
     </td> 

    </tr> 
</tbody> 
+0

你設置'CELLSPACING = 「0」'或'表格定義中的「border-spacing:0」? –

回答

1

它是從未來Bootstr ap.css,你必須設置border:0 2元,見下面代碼段,

用於!important僅供演示

.table { 
 
    background: darkgreen 
 
} 
 
.table > tbody > tr > td, 
 
.table > thead > tr > th { 
 
    border: 0 !important 
 
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
<table class="table"> 
 
    <thead> 
 
    <tr> 
 
     <th>Atividade:</th> 
 
     <th>Meta:</th> 
 
     <th>Responsável</th> 
 
     <th>Parceria:</th> 
 
     <th></th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td> 
 
     <input type="text" class="form-control" name="NomeAtividade[]" required=""> 
 
     </td> 
 
     <td> 
 
     <input type="number" min="0" max="100" step="1" value="0" class="form-control" id="MetaAtividade" name="MetaAtividade[]"> 
 
     </td> 
 
     <td> 
 
     <input type="text" class="form-control" name="ResponsavelAtividade[]"> 
 
     </td> 
 
     <td> 
 
     <input type="text" class="form-control" name="ParceiroAtividade[]"> 
 
     </td> 
 
     <td> 
 
     <button type="button" class="btn btn-default addButton"><i class="glyphicon glyphicon-plus"></i> 
 
     </button> 
 
     </td> 
 

 
    </tr> 
 
    </tbody>