ブートストラップの入力グループの全幅を

Question

私の問題は、私のinput-groupの幅が100％ではないということです。

これは、現時点でどのように見えるかです：https://jsfiddle.net/6gmzz07b/

私はしたい、それがコンテナを満たすようにinput-groupの幅は、100％であること。ここで

Answer 1

ブートストラップexampleによると、input-group-btn要素を追加する必要があります。

例。

<div class="input-group"> 
    <input type="text" class="form-control" aria-label="..."> 
    <div class="input-group-btn"> 
    <select class="form-control"> 
     <option selected="">seconds</option> 
     <option>minutes</option> 
     <option>hours</option> 
     <option>days</option> 
     <option>weeks</option> 
    </select> 
    </div> 
</div> 

完璧に動作しますフィドルhere

Answer 2

100％幅fiddle

<div class="container"> 
    <div class="row"> 
    <div class=""> 
    <div class="col-xs-12"> 
<div class="input-group"> 
    <input id="ban_time" type="number" class="form-control" value="10"> 
    <span class="input-group-addon"> 
     <select class="form-control" style="width: auto"> 
     <option selected="">seconds</option> 
     <option>minutes</option> 
     <option>hours</option> 
     <option>days</option> 
     <option>weeks</option> 
    </select> 
    </span> 

    </div> 
    </div> 
    </div> 
</div> 

がかかりますフィドルは、あなたが入力スタイル=「幅：auto」を取り除く必要がありますし、余分なスパンを追加して、クラスの入力グループを与える必要があります-addonとspanタグの内側にselectタグをネストする必要があります