diff --git a/_config.yml b/_config.yml
index 980875ec90..31769dc1b9 100644
--- a/_config.yml
+++ b/_config.yml
@@ -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
diff --git a/docs/getting-started/introduction.md b/docs/getting-started/introduction.md
index 6e9162c893..141a7b497f 100644
--- a/docs/getting-started/introduction.md
+++ b/docs/getting-started/introduction.md
@@ -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>
