Bootstrap按鈕組父寬度 - 不等寬按鈕

Question

我想要一個Bootstrap btn組獲取其父項的全部寬度，但我不希望按鈕的寬度相等。

我希望所有的按鈕只佔用他們需要的寬度，除了一個按鈕佔用剩餘寬度。

例如：

------------------ width of parent ----------------- 
| btn 1       | btn 2 | btn 3 | 

或

------------------ width of parent ----------------- 
| btn 1 | btn 2 | btn 3       | 

Answer 1

你好檢查這個jsfiddle並告訴我，如果是喜歡你想要的。

HTML：

<div class="parent"> 
    <div class="btn-group child"> 
    <button type="button" class="btn btn-primary larger">Apple</button> 
    <button type="button" class="btn btn-primary normal">Samsung</button> 
    <button type="button" class="btn btn-primary normal">Sony</button> 
    </div> 
</div> 

CSS：

.parent{ 
    width:600px; 
} 

.child{ 
    width:100%; 
} 

.larger{ 
width:60%; 
} 

.normal{ 
width:20%; 
}