Bootstrap 4 Advanced Components : Bootstrap switch

Bootstrap 4 Advanced Components : Bootstrap switch for Bootstrap 4

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/djibe/bootstrap-switch@6a41c824782c514fd5e09b6683f852a9c9b2a997/dist/css/bootstrap4/bootstrap-switch.min.css">
<link rel="stylesheet" href="https://daemonite.github.io/material/css/material.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<script src="https://daemonite.github.io/material/js/material.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/djibe/bootstrap-switch/dist/js/bootstrap-switch.min.js"></script>
        <input type="checkbox" data-toggle="switch" checked>

JavaScript

// Just initialize the plugin with 
$('[data-toggle="switch"]').bootstrapSwitch();