不同的按鈕大小 - 引導

Question

我試圖與引導創建按鈕組（文字和圖標按鈕相鄰）2.

<div class="btn-group chips"> 
    <button type="button"class="btn btn-large btn-success userChips">asdasd</button> 
    <button type="button" class="btn btn-large btn-danger removeUser"> 
     <i class="icon-minus-sign"></i> 
    </button> 
</div> 

左邊的按鈕（一個帶有圖標）的大小小於那個有文字的那個（正確的那個）。

我該如何解決這個問題？

Answer 1

給你的按鈕相同的確切寬度。

.btn-large {width: 80px;} 

Answer 2

應用一個固定的寬度

.btn { 
    width: 80px; 
} 

同時施加固定將讓你的期望，它與它的成本進行。現在你的按鈕在開始落後之前只能有很多角色。

.fixed .btn { 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: no-wrap; 
} 

這是您要退房的fiddle。