title: Stacking Horizontally Bootstrap columns creates unnecessary space when textarea is used
body: <p>I am having a problem with the following piece of html. The functionality is to dynamically create an infinite number of textarea and text boxes, but when I increase rows of textarea from the UI, the bottom row gets disturbed and arranges the element in the bottom row to the right of the space occupied by extended textarea, leaving empty space at the left of extended textarea.</p>
  
  <p>I want that whenever textarea is expanded, the bottom row shouldn't rearrange itself instead it should just move whole row down as the textarea is extended. The code is follows:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;Bootstrap Example&lt;/title&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="container"&gt;
  &lt;div class="col-lg-3 col-md-4 col-sm-6 col-xs-1"&gt;&lt;input type="text"/&gt;&lt;/div&gt;
    &lt;div class="col-lg-3 col-md-4 col-sm-6 col-xs-1"&gt;&lt;textarea&gt;&lt;/textarea&gt;&lt;/div&gt;
    &lt;div class="col-lg-3 col-md-4 col-sm-6 col-xs-1"&gt;&lt;input type="text"/&gt;&lt;/div&gt;
    &lt;div class="col-lg-3 col-md-4 col-sm-6 col-xs-1"&gt;&lt;input type="text"/&gt;&lt;/div&gt;
    &lt;div class="col-lg-3 col-md-4 col-sm-6 col-xs-1"&gt;&lt;input type="text"/&gt;&lt;/div&gt;
    &lt;div class="col-lg-3 col-md-4 col-sm-6 col-xs-1"&gt;&lt;input type="text"/&gt;&lt;/div&gt;
    &lt;div class="col-lg-3 col-md-4 col-sm-6 col-xs-1"&gt;&lt;input type="text"/&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/AEVVa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AEVVa.png" alt="enter image description here"></a></p>