Bootstrap3在表前添加一個圖標

Question

我想在表前添加一個圖標。

<div class="row"> 
<div class="col-xs-offset-8 col-xs-4"> 
    <span class="fa fa-pencil pull-left"></span> 
    <table class="table table-condensed table-bordered"> 
     <thead> 
      <th class="text-center">Date</th> 
     </thead> 
     <tbody> 
      <tr> 
       <td class="text-center">01/01/2015</td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

我需要一個鉛筆放在桌子上的同一行的「日期」 任何幫助，將不勝感激

Answer 1

一個最好的技巧用於定位的元素包括左使用top和position屬性。

爲了給鉛筆騰出空間，我們在桌子上加了一個左邊距。我們給鉛筆相對定位，並從頂部放置20個像素。

現在它出現在表格的左側和外側。

.fa-pencil { 
    top: 20px; 
    position: relative; 
} 

table { 
    margin-left: 20px; 
} 

http://jsfiddle.net/a00ykzy0/1/