form-inline输入的长度

Question

如何使用“col”符号使内联表单输入变宽？

至于现在输入字段是短期或可与size这样可以扩大：

<div class="row"> 

     <form action="index.php" method="GET" class="form-inline" role="form"> 


      <input class="form-control" size=50 name="email" /> 

但如何拉伸输入，以适应列？

Answer 1

理想情况下，你把你的form-group里面form-control，然后应用col-*到form group ..

<form class="form-inline" role="form"> 
    <div class="form-group col-sm-8"> 
    <input class="form-control" placeholder="Enter email" type="email"> 
    </div> 
    <div class="form-group"> 
    <input class="form-control" placeholder="Password" type="password"> 
    </div> 
    <button type="submit" class="btn btn-default">Sign in</button> 
</form> 

http://www.bootply.com/116928