title: jQuery library interfering with Javascript for navbar & filterable portfolio small issue - bootstrap 3
body: <p>Ok so I've spent the past 3 days trying to figure this out and Im so close! I actually went back and forth between a couple tutorials for the filterable portfolio and ended up using:</p>
  
  <p><a href="http://www.evoluted.net/thinktank/web-development/jquery-quicksand-tutorial-filtering" rel="nofollow">http://www.evoluted.net/thinktank/web-development/jquery-quicksand-tutorial-filtering</a></p>
  
  <p>Now Im having a couple of issues here.</p>
  
  <p>jsfiddle: <a href="http://jsfiddle.net/VeaK9/" rel="nofollow">http://jsfiddle.net/VeaK9/</a></p>
  
  <p><strong>Issue 1:</strong> I have a .js file to make my navbar stay fixed to the top of the page after you scroll past the hero unit. Now this file works, but when I include the .js library required for my filterable portfolio neither the portfolio section works OR the navbar!</p>
  
  <pre><code>    &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And the code for the navbar is:</p>
  
  <pre><code>$(function () {
  /*    $(".navbar-fixed-top").css({"top":$(".jumbotron").height()});
  
  $(window).resize(function (e) {
      $(".navbar-fixed-top").css({"top":$(".jumbotron").height()});
  });*/
  $(document).on( 'scroll', function(){
      console.log('scroll top : ' + $(window).scrollTop());
      if($(window).scrollTop()&gt;=$(".jumbotron").height())
      {
           $(".navbar").addClass("navbar-fixed-top");
      }
  
      if($(window).scrollTop()&lt;$(".jumbotron").height())
      {
           $(".navbar").removeClass("navbar-fixed-top");
      }
  });
  });
  </code></pre>
  
  <p><strong>Issue 2:</strong> Now the second issue is the big one (something small for someone else out there lol) so of course in the tutorial I used for the portfolio, bootstrap was not used! And I didn't want to copy all of the css from the tutorial so I tried to make it work with bootstrap and I ran into this issue, there is an extra space on the left of the images and they actually overlap each other a little bit and pop out of the container!</p>
  
  <p>Can anyone take a second and check this out? Please lol thank you guys!!</p>