title: Bootstrap 3 & Masonry : Setting four colums
body: <p>I am trying to integrate the <code>Masonry</code> with <code>Bootstrap 3</code>. My goal is to display <strong>4 items</strong> in a row. </p>
  
  <p>Without <code>Masonry</code> its showing 4 items, but after integrating <code>Masonry</code>, its showing <strong>3 items</strong>. </p>
  
  <p>This is the js fiddle link for what I have done</p>
  
  <p>JSFIDDLE Link : <a href="http://jsfiddle.net/7Lptygkn/1/" rel="nofollow">http://jsfiddle.net/7Lptygkn/1/</a></p>
  
  <p>Link to the Masonry Options : <a href="http://masonry.desandro.com/options.html" rel="nofollow">http://masonry.desandro.com/options.html</a></p>
  
  <p>I set following options in the initialization : </p>
  
  <pre><code>$(document).ready(function () {
      var $container = $('#feed-list');
      $container.masonry({
          itemSelector: '.feed',
          columnWidth: '.feed',
          transitionDuration: 0
      });
  });
  </code></pre>
  
  <p>Any help will be appreciated. Thanks in advance.</p>