Include Tether via CDN in starter templates; fixes #18664

[skip sauce]
This commit is contained in:
Chris Rebert 2015-12-24 18:08:38 -07:00
parent 74f1d3b9b8
commit 11b526e51d
2 changed files with 5 additions and 2 deletions

View File

@ -42,3 +42,4 @@ cdn:
js: https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js
js_hash: "sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7"
jquery: https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
tether: https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js

View File

@ -24,10 +24,11 @@ Copy-paste the stylesheet `<link>` into your `<head>` before all other styleshee
<link rel="stylesheet" href="{{ site.cdn.css }}" integrity="{{ site.cdn.css_hash }}" crossorigin="anonymous">
{% endhighlight %}
Add our JavaScript plugins and jQuery near the end of your pages, right before the closing `</body>` tag. Be sure to place jQuery first as our code depends on it.
Add our JavaScript plugins, jQuery, and Tether near the end of your pages, right before the closing `</body>` tag. Be sure to place jQuery and Tether first, as our code depends on them.
{% highlight html %}
<script src="{{ site.cdn.jquery }}"></script>
<script src="{{ site.cdn.tether }}"></script>
<script src="{{ site.cdn.js }}" integrity="{{ site.cdn.js_hash }}" crossorigin="anonymous"></script>
{% endhighlight %}
@ -58,8 +59,9 @@ Put it all together and your pages should look like this:
<body>
<h1>Hello, world!</h1>
<!-- jQuery first, then Bootstrap JS. -->
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script src="{{ site.cdn.jquery }}"></script>
<script src="{{ site.cdn.tether }}"></script>
<script src="{{ site.cdn.js }}" integrity="{{ site.cdn.js_hash }}" crossorigin="anonymous"></script>
</body>
</html>