title: Button with glyphicon pull-right
body: <p>I have a simple button on which i am trying to add a glyphicon in order to get a fashion one. </p>
  
  <pre><code> &lt;div class="row"&gt;
    &lt;div class="col-md-4 col-sm-6 col-xs-8"&gt;
      &lt;div class="container-fluid"&gt;
        &lt;div class="form-group"&gt;            
          &lt;button class="btn btn-primary form-control"&gt;
            Test
            &lt;span class="pull-right"&gt;
              &lt;span class="glyphicon glyphicon-edit"&gt;
              &lt;/span&gt;
            &lt;/span&gt;
          &lt;/button&gt;            
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>While it's working perfectly on chrome and safari, the glyphicon is badly positionned on mozilla. Is there a well known-issue or am I doing something wrong with the bootstrap css ?</p>
  
  <p>Here is the <a href="http://plnkr.co/edit/E0tv79VHaJLucjYz7bmz?p=preview" rel="nofollow">plunker</a> if you want to see exactly what I am trying to get ( on chrome ) , and what is wrong (on mozilla).</p>