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;
  }