title: Should it matter if I use bootstrap.js or all the 14 separate .js -files? Trying to build affix behaviour
body: <p>When I download Bootstrap, it includes bootstrap.js and bootstrap.min.js -files.
  I can use them and jQuery.js to make the navbar collapse for example just fine. </p>
  
  <p>But when I look at the source from any site in bootstrap website, it always has these separate .js files:</p>
  
  <pre><code> &lt;!-- Le javascript
  ================================================== --&gt;
  &lt;!-- Placed at the end of the document so the pages load faster --&gt;
  &lt;script type="text/javascript" src="http://platform.twitter.com/widgets.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/google-code-prettify/prettify.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-transition.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-alert.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-modal.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-dropdown.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-scrollspy.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-tab.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-tooltip.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-popover.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-button.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-collapse.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-carousel.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-typeahead.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/bootstrap-affix.js"&gt;&lt;/script&gt;
  &lt;script src="assets/js/application.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I'm trying to make the floating sidebar with links, like <a href="http://twitter.github.com/bootstrap/scaffolding.html" rel="nofollow">http://twitter.github.com/bootstrap/scaffolding.html</a> has on the left. </p>
  
  <p>If I copy the source code from <a href="http://twitter.github.com/bootstrap/scaffolding.html" rel="nofollow">http://twitter.github.com/bootstrap/scaffolding.html</a>, and copy all those separate .js files, it works but if I just insert</p>
  
  <pre><code>&lt;script type="text/javascript" src="bootstrap/js/jquery-1.8.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>It doesn't work. The floating sidebar stays on top and wont follow when scrolling down.</p>
  
  <p>When I investigate bootstrap.js, it seems to have all the content those separate .js files ("bootstrap-transition.js" etc) has and I thougt bootstrap.js was just a more simple way to get all those javascript features.</p>
  
  <p>As I'm very new to html, I'm probably missing something very basic here...
  But:</p>
  
  <ol>
  <li><p>Is it possible to make the floating nav with affix.js and scrollSpy.js with just bootstrap.js, or do we need to include those separate files like bootstrap website does?</p></li>
  <li><p>Why does bootstrap website use those separate files and why they are not included if I download bootstrap?</p></li>
  </ol>
  
  <p>Thank you very much!</p>