強制字體真棒圖標填充div容器

Question

我想讓圖標填充div。我嘗試過使用fa類（例如fa-lg），但它使div框變大。我想保持div框的大小相同，但只是讓圖標本身填充更多的框。

<table class="table table-striped"> 
<tr> 
     <td width="2%"> 
     <div class="btn-group"><a class="btn btn-default" href="http://google.com"><i class="fa fa-compass"></i></a></div> 
     </td> 
     <td> 
     TIME - <b>Location</b> - Address 
     </td> 
</tr><br /> 
</table> 

JSFiddle

Answer 1

嘗試用

.btn{ 
    padding:0px 3px; 
} 

JSFiddle demo