title: Bootstrap: Equal height of nested col-md-* elements
body: <p>I haven't found any working solution for my problem so I really hope you can help me.</p>
  
  <p>Here is my <a href="http://jsfiddle.net/cexvnw1o/1/" rel="nofollow">jsfiddle</a>.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@import url('http://getbootstrap.com/dist/css/bootstrap.css');</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- snippet 1 --&gt;
  &lt;div class="col-md-12 col-sm-12"&gt;
      &lt;div class="col-md-6 col-sm-6" style="padding:0;"&gt;
          &lt;div class="well" style="border-right:1px solid black;"&gt;
              Test
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-6 col-sm-6" style="padding:0;"&gt;
          &lt;div class="well"&gt;
              srewdf&lt;br&gt;srewdf&lt;br&gt;srewdf&lt;br&gt;srewdf&lt;br&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
   
  &lt;!-- snippet 2 --&gt;
  &lt;div class="col-md-12 col-sm-12"&gt;
      &lt;div class="col-md-9 col-sm-9" style="padding:0;"&gt;
          &lt;div class="well" style="border-right:1px solid black;"&gt;
              srewdf&lt;br&gt;srewdf&lt;br&gt;srewdf&lt;br&gt;srewdf&lt;br&gt;
              srewdf&lt;br&gt;srewdf&lt;br&gt;srewdf&lt;br&gt;srewdf&lt;br&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-3 col-sm-3" style="padding:0;height:50%;"&gt;
          &lt;div class="well"&gt;
              Test
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-3 col-sm-3" style="padding:0;height:50%;"&gt;
          &lt;div class="well"&gt;
              Test
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>In snippet 1 I need multiple nested elements to have the same height based on the largest element.
  In the second snippet it's similar. The two elements on the right side should have together the same height as the element on the left.</p>
  
  <p>How is it possible to solve this without losing the responsibility?</p>
  
  <p>Thanks for your time and help!</p>