垂直居中复选框，在引导表格单元格

Question

我要垂直居中引导程序表格单元格中的复选框，这是我现在有：

<div> 
    <table id="mytb" class="table table-hover table-condensed"> 
     <thead> 
      <tr> 
       <th style="width: 25%;">A</th> 
       <th style="width: 40%">B</th> 
       <th style="width: 35%">C</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Blah</td> 
       <td>Blah More</td> 
       <td class="vcenter"><input type="checkbox" id="blahA" value="1"/></td> 
      </tr> 
      <tr> 
       <td>Blah</td> 
       <td>Blah More</td> 
       <td class="vcenter"><input type="checkbox" id="blahA" value="1"/></td> 
      </tr> 
      <tr> 
       <td>Blah</td> 
       <td>Blah More</td> 
       <td class="vcenter"><input type="checkbox" id="blahA" value="1"/></td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

/* CSS */ 
td.vcenter { 
    vertical-align: middle; 
} 

这里举例：http://jsfiddle.net/dRgt2/2/。很显然，复选框位于单元格的下半部分。

请注意，在上面的小提琴中，我已经试过这个问题的解决方案：Centering a button vertically in table cell, using Twitter Bootstrap，但它似乎并没有在我的情况下工作。

我正在使用最新的Bootstrap 2.3.2，如果这有所作为。

Answer 1

删除边距的复选框集中对准复选框。

input[type="radio"], input[type="checkbox"] { 
    line-height: normal; 
    margin: 0; 
} 

Answer 2

简单只需添加自定义样式复选框

input[type="checkbox"]{ 
    margin-top: 0; 
    line-height: normal; 
}