|
1 | 1 | <!doctype html> |
2 | 2 | <html lang="en"> |
3 | 3 | <head> |
| 4 | + <!-- Global site tag (gtag.js) - Google Analytics --> |
| 5 | + <script async src="https://www.googletagmanager.com/gtag/js?id=UA-75147115-7"></script> |
| 6 | + <script> |
| 7 | + window.dataLayer = window.dataLayer || []; |
| 8 | + function gtag(){dataLayer.push(arguments);} |
| 9 | + gtag('js', new Date()); |
| 10 | + |
| 11 | + gtag('config', 'UA-75147115-7'); |
| 12 | + </script> |
4 | 13 | <meta charset="UTF-8"> |
5 | 14 | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
6 | 15 | <meta name="description" content="Bootstrap Switch Button is a bootstrap plugin that converts checkboxes into responsive switch buttons."> |
|
11 | 20 | <meta name="revisit-after" content="1 month"> |
12 | 21 | <title>Bootstrap Switch Button Switch Button Checkbox</title> |
13 | 22 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.3/styles/github.min.css"> |
14 | | - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> |
| 23 | + <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"> |
15 | 24 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"> |
16 | 25 | <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"> |
17 | 26 | <link rel="stylesheet" href="css/bootstrap-switch-button.css"> |
18 | 27 | <link rel="stylesheet" href="doc/stylesheet.css"> |
19 | 28 | <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> |
| 29 | + <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> |
20 | 30 | <script src="js/bootstrap-switch-button.js"></script> |
21 | | - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script> |
22 | 31 | </head> |
23 | 32 | <body> |
24 | 33 | <header> |
@@ -57,7 +66,7 @@ <h1>Bootstrap Switch Button</h1> |
57 | 66 | <section id="updated" class="container my-5"> |
58 | 67 | <div class="alert alert-success" role="alert"> |
59 | 68 | <h3 class="alert-heading">Made for Bootstrap 4!</h3> |
60 | | - <h6 class="font-weight-light">This page and all of the switch buttons shown are running on Bootstrap 4.2</h6> |
| 69 | + <h6 class="font-weight-light">This page and all of the switch buttons shown are running on Bootstrap 4.x</h6> |
61 | 70 | <hr> |
62 | 71 | <div class="row"> |
63 | 72 | <div class="col-12 col-md-4 mb-1 mb-md-0"> |
@@ -275,12 +284,8 @@ <h3 class="text-secondary mt-4">Initialize with HTML</h3> |
275 | 284 |
|
276 | 285 | <h3 class="text-secondary mt-4">Initialize with JavaScript</h3> |
277 | 286 | <p>Simply call the <code>switchButton</code> method to convert checkboxes into switch button.</p> |
278 | | - <div class="example"> |
279 | | - <input id="chkSwitch2" type="checkbox" checked> |
280 | | - <script> |
281 | | - /* just remove this in new version - we load code above before `script.js` can remove this actual HTML, which is then turned into switch-button! */ |
282 | | - /*document.getElementById('chkToggle2').switchButton();*/ |
283 | | - </script> |
| 287 | + <div class="example2"> |
| 288 | + <code class="highlight hljs">document.getElementById('chkToggle2').switchButton();</code> |
284 | 289 | </div> |
285 | 290 | </section> |
286 | 291 |
|
@@ -508,6 +513,5 @@ <h4 class="font-weight-light"> |
508 | 513 | <!-- load highlight, then script.js for code to auto-highlight at load --> |
509 | 514 | <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.3/highlight.min.js"></script> |
510 | 515 | <script src="doc/script.js"></script> |
511 | | - <!-- TODO: Global site tag (gtag.js) - Google Analytics --> |
512 | 516 | </body> |
513 | 517 | </html> |
0 commit comments