title: Unwanted Space between columns (may be alignment issue ) in a grid template
body: <p>I'm currently using bootstrap for the first time in a project.</p>
  
  <p>So Long story short , Using a grid template with lot of columns(has many controls inside it) of various heights. </p>
  
  <p>At the end, I find space between some columns because they are of different heights. I cant reduce the height or increase it (Last row columns I can increase and decrease the height). Is there a way to remove the space with the current height of columns ?</p>
  
  <p>I've attached an example of the problem in <strong>Jsbin</strong>, will get an clear idea of the issue.</p>
  
  <p><a href="http://jsbin.com/buxavosivo/1/" rel="nofollow noreferrer"><strong>Jsbin Link HERE</strong> </a></p>
  
  <p>Edit:</p>
  
  <p>Check this for more understanding</p>
  
  <p><img src="https://i.stack.imgur.com/lGxLH.png" alt="enter image description here"></p>