如何使內聯100％寬度的輸入？

https://jsfiddle.net/3xt5q25s/如何使內聯100％寬度的輸入？

<div class="container"> 
<div class="row"> 

<form class="form-inline"> 
    <div class="form-group"> 
    <label for="exampleInputEmail2">Email</label> 
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]"> 
    </div> 
    <button type="submit" class="btn btn-default pull-right">Send invitation</button> 
</form> 

</div> 
</div>

正如你可以看到這裏的例子中，輸入不採取一切空間。

如何使其100％寬度（輸入的右邊界在按鈕旁邊）？

它不必是form或inline，我只是想將label/input/button放在一行中。

來源

2016-03-30 Sato

的[引導直列形式中全寬度的文本輸入可能的複製]（http://stackoverflow.com/questions/22774780/bootstrap-full-width-text-input-within-inline-form） –

如果你想確保他們留在一行和文字輸入觸摸按鍵，考慮表單輸入組：

<div class="input-group"> 
    <input type="email" class="form-control"> 
    <span class="input-group-btn"> 
     <button class="btn btn-default" type="submit"> 
      Send invitation 
     </button> 
    </span>  
</div>

來源

2016-03-30 01:00:34

如何使內聯100％寬度的輸入？

回答

相關問題