title: Button on bottom of page in bootstrap
body: <p>The problem is:</p>
  
  <p>I need to place button #2 on bottom of the page. </p>
  
  <p>I search here, on google, I try do this with <code>position absolute/relative</code> and <code>bottom:0; height:100%</code> and many other variants - but it does not work.</p>
  
  <p>The idea is - the first and second buttons must be in visible area. We can scroll only in <code>some_div</code>. </p>
  
  <p>How to do this? </p>
  
  <p>Thanks!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;body&gt;
  
  &lt;div class="container-fluid"&gt;
  
  &lt;div class="row"&gt;
    &lt;div class="col-md-2"&gt;
      &lt;h3&gt;Test&lt;/h3&gt;
      &lt;button type="button" class="btn btn-primary btn-lg btn-block"&gt; 1&lt;/button&gt;
     
      &lt;div id="some_div" style="min-height:100%; height:100%; overflow-y: auto;"&gt;
          Many-many text. We can scroll in it.
      &lt;/div&gt;
      &lt;button type="button" class="btn btn-primary btn-lg btn-block push-to-bottom"&gt; 2&lt;/button&gt;
  
    &lt;/div&gt;
  
  
    &lt;div class="col-md-2"&gt;.col-md-2&lt;/div&gt;
    &lt;div class="col-md-2"&gt;.col-md-2&lt;/div&gt;
    &lt;div class="col-md-2"&gt;.col-md-2&lt;/div&gt;
    &lt;div class="col-md-2"&gt;.col-md-2&lt;/div&gt;
    &lt;div class="col-md-2"&gt;.col-md-2&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  
    &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>