This repository has been archived by the owner on Feb 17, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
LoadBootstrap.html
38 lines (36 loc) · 2.27 KB
/
LoadBootstrap.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<head>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<!-- Bootstrap core JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS
Put at the end in order to speed up loading. -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script>
// MODIFY SRC TO YOUR OWN PATH
// Test if jQuery is loaded. If not, load it locally.
window.jQuery || console.log("Local jQuery") || document.write('<script type="text/javascript" src="/static/js/jquery-3.3.1.slim.min.js"><\/script>');
// First, make sure jQuery is loaded.
function defer(method, i = 0) { if (window.jQuery) { method(); } else if (i < 999) { setTimeout(function () { defer(method, ++i) }, 50); } }
function externalJS(url, log) { let script = document.createElement("script"); script.type = 'text/javascript'; script.src = url; $("body")[0].appendChild(script); if (log) { console.log(log); } }
defer(function () {
// Second, test Bootstrap.css by its body color. Should be "rgb(33, 37, 41)" (#212529) if loaded. (For Bootstrap 4.0.0~4.3.1)
$("body").css("color") === "rgb(33, 37, 41)" || console.log("Local Bootstrap CSS") || $("head").append('<link rel="stylesheet" href="/static/css/bootstrap.min.css">');
// Last, test if Proper.js, Bootstrap.js and Bootstrap.css are loaded.
window.Popper || externalJS("/static/js/popper.min.js", "Local Popper");
window.jQuery.fn.modal || externalJS("/static/js/bootstrap.min.js", "Local Bootstrap JS");
});
</script>
</body>
</html>