title: Set width of input / textarea in form group using bootstrap
body: <p>I'd created a form in a bootstrap modal window.
  Inside that form i use a input type text and a textarea.</p>
  
  <pre><code>&lt;div class="modal fade" id="TestModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"&gt;
  &lt;div class="modal-dialog" role="document"&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
              &lt;h5 class="modal-title" id="exampleModalLabel"&gt;Test&lt;/h5&gt;
              &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;
                  &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
              &lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;form&gt;
                  @*Input 1*@
                  &lt;div class="form-group"&gt;
                      &lt;label for="input1"&gt;Input 1&lt;/label&gt;
                      &lt;input type="text" class="form-control" id="input1" required maxlength="75"&gt;
                  &lt;/div&gt;
  
  
                  @*Input 2*@
                  &lt;div class="form-group"&gt;
                      &lt;label for="input2"&gt;Input 2&lt;/label&gt;
                      &lt;textarea class="form-control" id="input2" rows="18" required&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
  
                  &lt;div class="row"&gt;
  
                      @*Select 1*@
                      &lt;div class="form-group col-lg-4"&gt;
                          &lt;label for="select1"&gt;Select 1&lt;/label&gt;
                          &lt;select class="form-control" id="exampleSelect2" required&gt;
                              &lt;option&gt;1&lt;/option&gt;
                              &lt;option&gt;2&lt;/option&gt;
                              &lt;option&gt;3&lt;/option&gt;
                              &lt;option&gt;4&lt;/option&gt;
                              &lt;option&gt;5&lt;/option&gt;
                          &lt;/select&gt;
                      &lt;/div&gt;
  
                      @*Input 3*@
                      &lt;div class="form-group col-lg-4"&gt;
                          &lt;label for="input3"&gt;Input 3&lt;/label&gt;
                          &lt;input type="text" class="form-control" id="input3" required&gt;
                      &lt;/div&gt;
  
                      @*Input 4*@
                      &lt;div class="form-group col-lg-4"&gt;
                          &lt;label for="input4"&gt;Input 4&lt;/label&gt;
                          &lt;input type="text" class="form-control" id="input4" required&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;                   
                  &lt;button type="submit" class="btn btn-primary"&gt;Create&lt;/button&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>The result is as follows:<a href="https://i.stack.imgur.com/ojEXU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ojEXU.png" alt="Result of code"></a></p>
  
  <p>How to set the same width for the text input and the textarea as for the 3 controls below them?</p>