Typically stylesheets in the head and scripts before the closing
<html> <head> <link rel="stylesheet" href="bootstrap.css"> <link rel="stylesheet" href="your-other-styles.css"> </head> <body> <!-- content --> <script src="jquery.js"></script> <script src="bootstrap.js"></script> <script src="your-other-scripts.js"></script> </body> </html>
You'll want files from vendors such as jQuery and Bootstrap to be included before yours. This means that:
windowby the scripts (
$, for example)
However, if you require a script to be available ASAP (such as Modernizr), then putting it in the
<head> ensures it's ready before any of your content.
Including scripts at the bottom ensures that the actual page content is loaded first; when the scripts are finally downloaded the content (DOM) will be ready for your scripts to manipulate.