2016-06-11 69 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>