Bootstrap 3多輸入組寬度

Question

如何將寬度設置爲我的輸入組？在第一個輸入文本上，我想將寬度設置爲90％，將第二個輸入文本（跨度「P」）設置爲10％。

這是我的代碼http://www.bootply.com/pAcr8C2SGr

Answer 1

您可以簡單地使用自舉的網格系統來設置輸入的寬度，如：

<div class="col-lg-10"> 
    <input ...> 
</div> 
<div class="col-lg-2"> 
    <input ...> 
</div> 

Answer 2

Try this with out Any CSS Customization

<div class="row"> 
    <div class="col-md-9"> 
<div class="input-group"> 
    <span class="input-group-addon">Number</span> 
    <input type="text" class="form-control"> 
</div> 
</div> 
    <div classs="col-md-3"> 
<div class="input-group "> 
<span class="input-group-addon">P</span> 
    <input type="text" class="form-control"> 
    <span class="input-group-addon"></span> 

    <span class="input-group-btn"> 
    <input class="btn btn-default" value="Send"> 
    </span> 
</div> 
    </div> 
</div> 

Try this with CSS Customization

<div class="row"> 
    <div class="col-md-9 custom-col"> 
<div class="input-group"> 
    <span class="input-group-addon">Number</span> 
    <input type="text" class="form-control"> 
</div> 
</div> 
    <div classs="col-md-3 custom-col"> 
<div class="input-group "> 
<span class="input-group-addon">P</span> 
    <input type="text" class="form-control"> 
    <span class="input-group-addon"></span> 

    <span class="input-group-btn"> 
    <input class="btn btn-default" value="Send"> 
    </span> 
</div> 
    </div> 
</div> 

引導程序不支持單側上的多個附件（.input-group-addon或.input-group-btn）。

Bootstrap不支持單個輸入組中的多個表單控件。