title: Jquery Isotope and Twitter Bootstrap grid
body: <p>I am trying to implement jQuery Isotope together with my Twitter Bootstrap grid and I am stuck.</p>
  
  <p>I have a usual bootstrap markup for columns. I have three rows (.row-fluid), inside each there are three columns (.span4)</p>
  
  <p>Now, when I call Isotope on the said columns, what I get is that the third element inside of a row goes in the new line, even though there is space for it in the top line. Can you help out.</p>
  
  <p>My jQuery is this (ignore other variables on jsfiddle):</p>
  
  <pre><code>pGrid.isotope({
      hiddenStyle  : { opacity : 0 },
      visibleStyle : { opacity : 1 }, 
      itemSelector : '.span4',
      layoutMode   : 'fitRows',
      resizable: false
  });
  </code></pre>
  
  <p>I have set up the example where this is happening on jsfiddle: <a href="http://jsfiddle.net/HASg6/" rel="nofollow">http://jsfiddle.net/HASg6/</a></p>