表格内联输入的长度

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-control置于form-group内，然后将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