Bootstrap 3對齊GlyphIcon下的按鈕文本

Question

我有這段代碼創建了一些帶有GlyphIcon和一些文本的Bootstrap 3按鈕，但問題是文本與圖標右對齊。我如何對齊圖標下方的文字？

<div class="btn-group"> 
    <button type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-file"></span>Archive</button> 
    <button type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-trash"></span>Delete</button> 
</div> 
<button type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-share"></span>Resend</button> 

Answer 1

的text-center輔助類添加到.btn，並添加<br>的圖標後，案文。

<button type="button" class="btn btn-default btn-lg text-center"><span class="glyphicon glyphicon-share"></span><br>Resend</button> 

演示：http://www.bootply.com/SWzsbPwPWC