title: - CSS bootstrap, divs skip row how get neatly in a row dispite height difference -
body: <p>The problem occurred on other projects, but then I made all the divs the same size. I made a print screen of my problem.</p>
  
  <p><img src="https://i.stack.imgur.com/9IOsS.jpg" alt="enter image description here"> </p>
  
  <p>As you can see the the third div is a little longer then the others (and yes I want to keep this). My css or bootstrap wants to skip a row.</p>
  
  <p>html</p>
  
  <pre><code>&lt;div ng-repeat="work in myWork" class="col-lg-3 col-md-3  col-xs-12" id="myWorkHolders"&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#myWorkHolders{
      margin: 0px;
      display: inline-table;
      padding: 0px;
      border: solid 1px  #F4F4F4;
  }
  </code></pre>
  
  <p><strong>Problem</strong></p>
  
  <p>DIVS skip a row when the div above is not the same size as the others.</p>
  
  <p><strong>Question</strong></p>
  
  <p>what Css terms can I use so the divs will display under each other despite different sizes.</p>