title: Same border height between Bootstrap rows
body: <p>I need to have 3 bootstrap columns with a border between each column, but my problem is that I can't make them same height.</p>
  
  <p>Here's CSS my code...</p>
  
  <pre><code>div .column-lines div:first-child {
      border-right: 1px solid #a6b7bf;
      padding-right: 30px;
  }
  
  div .column-lines div:last-child {
      padding-left: 30px;
  }
  
  div .column-lines div:not(:first-child):not(:last-child) {
      border-right: 1px solid #a6b7bf;
      padding-right: 30px;
      padding-left: 30px;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/25sk15yL/" rel="nofollow noreferrer">Fiddle</a></p>
  
  <p>Result:</p>
  
  <p><img src="https://i.stack.imgur.com/vFpjz.png" alt="enter image description here"></p>
  
  <p>And here's what I would like it to be:</p>
  
  <p><img src="https://i.stack.imgur.com/qIeKd.png" alt="enter image description here"></p>
  
  <p>How can I make the border same height (height of the heighst column)?</p>
  
  <p>I do not want to use a table - if it's possible.</p>
  
  <p>Thx</p>