aboutsummaryrefslogtreecommitdiff
path: root/docs/getting-started/introduction.md
diff options
context:
space:
mode:
authorChris Rebert <[email protected]>2015-10-23 22:35:22 -0700
committerChris Rebert <[email protected]>2015-10-23 22:35:22 -0700
commit3bc5fb947dabc2ec2ab52bbd29cb978a8a8f54f3 (patch)
tree0b36098860821570164cbeadd3a2f787860b13e4 /docs/getting-started/introduction.md
parenta30a5bb9b5129a012e7668ce1340ad86d18af822 (diff)
downloadbootstrap-3bc5fb947dabc2ec2ab52bbd29cb978a8a8f54f3.tar.xz
bootstrap-3bc5fb947dabc2ec2ab52bbd29cb978a8a8f54f3.zip
Port #17729 to v4: Add SRI hashes to CDN links in docs
[skip sauce]
Diffstat (limited to 'docs/getting-started/introduction.md')
-rw-r--r--docs/getting-started/introduction.md8
1 files changed, 4 insertions, 4 deletions
diff --git a/docs/getting-started/introduction.md b/docs/getting-started/introduction.md
index 03c1079dc..9fe3103e5 100644
--- a/docs/getting-started/introduction.md
+++ b/docs/getting-started/introduction.md
@@ -21,14 +21,14 @@ Looking to quickly add Bootstrap to your project? Use the Bootstrap CDN, provide
Copy-paste the stylesheet `<link>` into your `<head>` before all other stylesheets to load our CSS.
{% highlight html %}
-<link rel="stylesheet" href="{{ site.cdn.css }}">
+<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.
{% highlight html %}
<script src="{{ site.cdn.jquery }}"></script>
-<script src="{{ site.cdn.js }}"></script>
+<script src="{{ site.cdn.js }}" integrity="{{ site.cdn.js_hash }}" crossorigin="anonymous"></script>
{% endhighlight %}
And that's it—you're on your way to a fully Bootstrapped site. If you're at all unsure about the general page structure, keep reading for an example page template.
@@ -53,14 +53,14 @@ Put it all together and your pages should look like this:
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- Bootstrap CSS -->
- <link rel="stylesheet" href="{{ site.cdn.css }}">
+ <link rel="stylesheet" href="{{ site.cdn.css }}" integrity="{{ site.cdn.css_hash }}" crossorigin="anonymous">
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQuery first, then Bootstrap JS. -->
<script src="{{ site.cdn.jquery }}"></script>
- <script src="{{ site.cdn.js }}"></script>
+ <script src="{{ site.cdn.js }}" integrity="{{ site.cdn.js_hash }}" crossorigin="anonymous"></script>
</body>
</html>
{% endhighlight %}