title: bootstraps 3 align bottom with 3 column in row
body: <p>I've seen this thread but its for 2 column (col-md-6) and I've tried the jsfidlle too for 3 column but column 1st and column 2nd become stack.</p>
  
  <p><a href="https://stackoverflow.com/questions/24539197/bootstrap-3-align-text-to-bottom-of-div">Bootstrap 3 Align Text To Bottom of Div</a></p>
  
  <p>what I want for my project is</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.row {
        position: relative;
    }
  
   .bottom-align-text {
      position: absolute;
      bottom: 0;
      right: 0;
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="bottom-align-text col-sm-4"&gt;
              &lt;h3&gt;Some Text&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-4"&gt;
              &lt;img src="//placehold.it/600x300" alt="Logo" class="img-responsive"/&gt;
          &lt;/div&gt;
          &lt;div class="bottom-align-text col-sm-4"&gt;
              &lt;h3&gt;Some Text&lt;/h3&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>how to make them both align bottom?</p>