如何使内联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％宽度的输入？

回答

相关问题