title: Arranging CSS and JS file links (Bootstrap & jQuery)
body: <p>I'm running into problems with various functions that are apparently caused by conflicts between my CSS and/or JS files. If I link to a particular file, one function works, but another stops working or doesn't work the way it's supposed to.</p>
  
  <p>It would probably help if I simply organized the links to these files in a distinct order, like CSS files before JS and Bootstrap files before jQuery files, or vice versa.</p>
  
  <p>Can anyone tell me if there is a proper order I can follow? I'm also updating Bootstrap and jQuery, so I'll probably be linking to some additional files, but I just wondered if there's a general organization scheme I should follow.</p>
  
  <pre><code>/css/bootstrap.css
  /js/jquery.js
  /js/bootstrap.js
  /js/jquery.min.js
  /css/bootstrap.min.css
  /css/bootstrap-theme.min.css
  /js/bootstrap.min.js
  /fonts/font-awesome-4.5.0/css/font-awesome.css
  /fonts/font-awesome-4.5.0/css/font-awesome.min.css
  /fonts/font-awesome-4.5.0/css/font-awesome.min.css
  </code></pre>
  
  <p>P.S. I always put the links to my personal files AFTER the Bootstrap/jQuery links.</p>