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