2

ドキュメント ( 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 -->
4

1 に答える 1

2

form-controlクラスを にでinputはなく に割り当てる必要がありformます。

このjsFiddleを参照してください。

于 2013-10-18T06:14:00.393 に答える