HTML5 Boilerplate homepage | Documentation table of contents
- Why is the URL for jQuery without
http
? - Why don't you automatically load the latest version of jQuery from the Google CDN?
- Why is the Google Analytics code at the bottom? Google recommends it be
placed in the
<head>
. - How can I integrate Bootstrap with HTML5 Boilerplate?
- Do I need to upgrade my site each time a new version of HTML5 Boilerplate is released?
- Where can I get help with support questions?
--
It is because of the use of protocol-relative URLs.
N.B. If you try to view the local web page directly in the browser, the browser will fail to load the assets specified using protocol-relative URLs as it will attempt to fetch them from the local file system. We recommend you use a local HTTP server to test your web pages, or a file hosting service that allows you to preview your web pages online (e.g. Dropbox).
Setting up a local HTTP server can be done using there various one-liners:
- PHP 5.4.0+ by running
php -S localhost:8080
from your local directory - Python 2.x by running
python -m SimpleHTTPServer
from your local directory - Python 3.x by running
python -m http.server
from your local directory - Ruby 1.9.2+ by running
ruby -run -ehttpd . -p8080
from your local directory - Node.js by installing and running either
static -p 8080
orhttp-server -p 8080
A list of more complex HTTP servers can be found here.
The file to which
the Google CDN points to is no longer updated and will stay locked at version
1.11.1
in order to prevent inadvertent web
breakage.
In general, version updating should be an intentional decision! You shouldn't include a URL that will always point to the latest version, as that version:
- may not be compatible with the existing plugins/code on the site
- will have a very short cache time compare to the specific version, which means that users won't get the benefits of long-term caching
The main advantage of placing it in the <head>
is that you will track the
user's pageview
even if they leave the page before it has been fully loaded.
However, having the code at the bottom of the page helps improve
performance.
How can I integrate Bootstrap with HTML5 Boilerplate?
One simple way is to use Initializr and create a custom build that includes both HTML5 Boilerplate and Bootstrap.
Read more about how HTML5 Boilerplate and Bootstrap complement each other.
No, same as you don't normally replace the foundation of a house once it was built. However, there is nothing stopping you from trying to work in the latest changes, but you'll have to assess the costs/benefits of doing so.
Please ask for help on StackOverflow.