title: Bootstrap Column, 100% height doesnt apply
body: <p>So, im using bootstrap 3.0, and working on columns, and im having problem with column heights.</p>
  
  <p>My desired output is to have white border in between column, i was able to achieve this on columns with same height, but if the columns is shorter in height, the border is short also, </p>
  
  <p><img src="https://i.stack.imgur.com/f0FHB.png" alt="enter image description here"></p>
  
  <p>I tried setting the columns' height to 100%, but is doesnt work, setting the column's height via exact px (100px) works, but i cant use this since i need the column height to be responsive</p>
  
  <p>Here is my html code</p>
  
  <pre><code>            &lt;div class="col-xs-12 bg-8560a9"&gt;
                  &lt;div class="col-xs-4 text-left border-right-white full-height"&gt;Europe Zone 1 (West)&lt;/div&gt;
                  &lt;div class="col-xs-4 border-right-white full-height"&gt;
                      &lt;div class="col-xs-6"&gt;794 M&lt;/div&gt;
                      &lt;div class="col-xs-6"&gt;81.6%&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-4 full-height"&gt;
                      &lt;div class="col-xs-6"&gt;833 M&lt;/div&gt;
                      &lt;div class="col-xs-6"&gt;83.5%&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.full-height{height:100% !important;}
  </code></pre>