title: How align to bottom a row div in bootstrap?
body: <p>I'm trying to align to bottm my row div or anyway tha last element.
  I'm using bootstrap 3 and I have:</p>
  
  <pre><code>&lt;div id="main"&gt;
    &lt;div class="container"&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-md-12"&gt;
          &lt;div class="logo col-centered"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-md-12 title text-center"&gt;THE TITLE&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-md-5 col-centered text-center description"&gt;Lorem ipsum&lt;/div&gt;
        &lt;div class="description_arrow col-centered"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-md-5 col-sm-8 col-xs-12 col-centered"&gt;
          &lt;div class="image-container"&gt;
            &lt;img id="image-phone" src="img/image-phone.png" class="img-responsive" style="bottom:0px;"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the css I have:</p>
  
  <pre><code>#main {
    min-height: 100%;
  }
  </code></pre>
  
  <p>Now It look so:</p>
  
  <pre><code>|------------------------|
  |==========ROW===========|
  |==========ROW===========|
  |==========ROW===========|
  |==========SPACE=========|
  |==========SPACE=========|
  |------------------------|
  </code></pre>
  
  <p>I want that look so:
  Now It look so:</p>
  
  <pre><code>|------------------------|
  |==========ROW===========|
  |==========ROW===========|
  |==========SPACE=========|
  |==========SPACE=========|
  |==========ROW===========|
  |------------------------|
  </code></pre>
  
  <p>So I want keep the last row in the bottom, how I can do ?</p>
  
  <p>EDIT: I can't use margin-bottom on the 2° div, because the distance between the 2° row div and the last row div, can change, and I don't want and high value, because then on 13" screen the page became scrollable.</p>
  
  <p>EDIT2: I can't use position: fixed and bottom: 0, because under div #main, I have other div(always 100% height).</p>
  
  <p><strong>WORKAROUND 1:</strong>
  I do so:</p>
  
  <pre><code>&lt;div id="main" style="position: relative;"&gt;
  </code></pre>
  
  <p>And in the row div class I do:</p>
  
  <pre><code>&lt;div class="row" style="position:absolute; bottom: 0px; width: 100%;"&gt;
  </code></pre>
  
  <p>Seems works really fine, but I don't know if it's a good solution or not...please give me a feedback!</p>