html - 无法延长 Bootstrap 3 表格的大小

Question

在文档（http://getbootstrap.com/css/#forms）中，它声明您可以使用 .col-lg-* 类控制列大小。但是，在我的表单上更改它只会更改表单的放置位置，而不是它的实际大小。我希望表单比现在长很多，但似乎无法更改大小。

我的代码：

<div class="jumbotron">
  <div class="container">
    <h1 align="center">Search</h1>
    <div class="row">
       <div class="col-lg-12">
             <form align="center" class="form-control" action="/search/" method ="get" role="form">
           <input id="navPersonSearch" type="text" name="q"
            placeholder="Search for Person"
            autocomplete="off" >
      </form> 
      </div> <!-- /.col -->
    </div>  <!-- /.row -->
  </div> <!-- /.container -->
</div> <!-- /.jumbotron -->

Answer 1

您应该将类​​分配form-control给inputnot to form。

看到这个jsFiddle。