按鈕與glyphicon拉右

Question

我有一個簡單的按鈕，我試圖添加一個圖形，以獲得時尚之一。

<div class="row"> 
    <div class="col-md-4 col-sm-6 col-xs-8"> 
    <div class="container-fluid"> 
     <div class="form-group">    
     <button class="btn btn-primary form-control"> 
      Test 
      <span class="pull-right"> 
      <span class="glyphicon glyphicon-edit"> 
      </span> 
      </span> 
     </button>    
     </div> 
    </div> 
    </div> 
</div> 

雖然它在鍍鉻和safari上完美運行，但glyphicon在mozilla上定位不佳。有沒有一個衆所周知的問題，或者我在做bootstrap css有問題？

這裏是plunker如果你想看看我想要得到什麼（在鉻上），什麼是錯的（在Mozilla上）。

Answer 1

請嘗試下面的代碼，您必須添加一個內聯屬性white-space：inherit！重要;按鈕

<div class="row"> 
<div class="col-md-4 col-sm-6 col-xs-8"> 
<div class="container-fluid"> 
    <div class="form-group">    
    <button class="btn btn-primary form-control" style="white-space: inherit ! important;"> 
     Test 
     <span class="pull-right"> 
     <span class="glyphicon glyphicon-edit"> 
     </span> 
     </span> 
    </button>    
    </div> 
</div> 
</div> 
</div>