title: Bootstrap keep columns togheter without space
body: <p>I have started building a website with bootstrap but have some problems.
  Because of diffrent image heights columns don't stay next to each other but instead jump to new row. This creates alot of empty space inbetween.
  So i would like everything to be togheter without any space.
  Have tried float:left; position:absolute; clearing floating and even googling but not found a solution.</p>
  
  <p>Here is jsfiddle link: <a href="https://jsfiddle.net/DTcHh/5752/" rel="nofollow">Fiddle Here</a></p>
  
  <p>My code</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
      &lt;div class="col col-sm-12 one"&gt;&lt;/div&gt;
  
      &lt;div class="col col-sm-8 two"&gt;&lt;/div&gt;
  
      &lt;div class="col col-sm-2 three"&gt;&lt;/div&gt;
      &lt;div class="col col-sm-2 four"&gt;&lt;/div&gt;
  
      &lt;div class="col col-sm-4 five"&gt;&lt;/div&gt;
  
      &lt;div class="col col-sm-4 six"&gt;&lt;/div&gt;
  
      &lt;div class="col col-sm-4 seven"&gt;&lt;/div&gt;
  
      &lt;div class="col col-sm-4 eight"&gt;&lt;/div&gt;
      &lt;div class="col col-sm-4 nine"&gt;&lt;/div&gt;
  
  
  &lt;/div&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>I found masonry (<a href="http://masonry.desandro.com/" rel="nofollow">http://masonry.desandro.com/</a>) like 5min ago but wanted to see with you if there is anything easier. Want as litle code as possible to use.
  How would/do you solve this problem ?</p>