Boostrap Css - 添加图标右侧并与文本大小对齐方面不同

Question

我需要您的帮助以解决问题我想创建一些具有相同大小（无论文本）的按钮并在右上角添加箭头图标的按钮。 但是由于文本字符的数量，箭头与其他按钮不一致。 我使用的引导这里是代码：

<div class="col-md-6"> 
<div class="item" style="text-align: center"> 
     <a class="btn btn-programs" style="width:230px" href="#">My 1st button with longer text<span class="btn-label"><i class="glyphicon glyphicon-chevron-right"></i></span></a> 
     </div> 
</p> 
<div class="item" style="text-align: center"> 
     <a class="btn btn-programs" style="width:230px" href="#">My 2nd Button <span class="btn-label"><i class="glyphicon glyphicon-chevron-right"></i></span></a> 
     </div> 
</p> 
</div> 
</div> 

Answer 1

使用类

BTN-块

<a class="btn btn-programs btn-block" href="#">My 1st button<span class="btn-label btn-block"><i class="glyphicon glyphicon-chevron-right"></i></span></a> 

Answer 2

添加以下CSS到您的网页

.item a span.btn-label 
    { 
    float: right; 
    }