ブートストラップボタングループ親の全幅 - 等幅でないボタン

Question

ブートストラップbtn-groupが親の全幅を取るようにしたいが、ボタンの幅を等しくしたくない。

残りの幅を占めるボタン1つを除き、すべてのボタンに必要な幅だけを使用します。

例：

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