Make Bootstrap輸入組的全角

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> 

你將不得不刪除輸入風格=小提琴「寬度：汽車」，將不得不增加額外的跨度，爲該類輸入組-addon，並且必須將選擇標籤嵌套在span標籤內