title: Bootstrap 3 align button text underneath GlyphIcon
body: <p>I have this code that creates some Bootstrap 3 buttons with a GlyphIcon and some text but the problem is the text is aligned right of the icon.  How can i align the text underneath the icon?</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
      &lt;button type="button" class="btn btn-default btn-lg"&gt;&lt;span class="glyphicon glyphicon-file"&gt;&lt;/span&gt;Archive&lt;/button&gt;
      &lt;button type="button" class="btn btn-default btn-lg"&gt;&lt;span class="glyphicon glyphicon-trash"&gt;&lt;/span&gt;Delete&lt;/button&gt;
  &lt;/div&gt;
  &lt;button type="button" class="btn btn-default btn-lg"&gt;&lt;span class="glyphicon glyphicon-share"&gt;&lt;/span&gt;Resend&lt;/button&gt;
  </code></pre>