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