title: How to increase font size and element height if free jqgrid form edit
body: <p>How to increase font and editing elements sizes in free jqgrid edit and add forms so that they have same sizes as in bootstrap.
  Twitter bootstrap allows to create good editing elements with active element hightligh using form-group and form-control classes like</p>
  
  <pre><code>&lt;div class="form-group"&gt;
  &lt;label for="Kellaaeg"&gt;Kell&lt;/label&gt;
  &lt;input class="form-control" id="Kellaaeg" name="Kellaaeg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but free jqgrid does so use not support those classes.</p>
  
  <p>I tried  according to
  <a href="https://stackoverflow.com/questions/29874598/how-to-make-element-sizes-to-fill-cell-sizes-and-increase-font-in-free-jqgrid-in">How to make element sizes to fill cell sizes and increase font in free jqgrid inline and form editing</a></p>
  
  <pre><code>.jqgrow &gt; td input[type=text].editable,
  .jqgrow &gt; td input[type=date].editable,
  .jqgrow &gt; td input,
  .jqgrow &gt; td textarea {
      height: 100%;
      width: 100%;
      font-size: 1em;
      box-sizing: border-box;
  }
  
  .jqgrow &gt; td select.editable,
  .jqgrow &gt; td select {
      width: 100%;
      font-size: 1em;
      box-sizing: border-box;
  }
  </code></pre>
  
  <p>but this changes only inline edit. Form elements are still to small.
  How to make edit, add, view form elements also same size as in bootstrap ?</p>