<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- ## https://github.com/nostalgiaz/bootstrap-switch/tree/master/dist --> <!-- link href="https://raw.githubusercontent.com/nostalgiaz/bootstrap-switch/master/dist/css/bootstrap3/bootstrap-switch.min.css" rel="stylesheet" /> <script src="https://raw.githubusercontent.com/nostalgiaz/bootstrap-switch/master/dist/js/bootstrap-switch.min.js"></script --> <div> <input type="checkbox" name="my-checkbox" checked /> </div> <!-- ## BOOTPLY: Bootstrap 3.1.0 and jQuery 1.11.1 --> <div class="container"> <div class="row"> <div class="col-md-4 well "><h3>Process a <b>Starter</b></h3></div> <div class="col-md-4 well "><h3><b>Amend</b> a Record</h3></div> <div class="col-md-4 well well-active"><h3>Process a <b>Leaver</b></h3></div> </div> </div>

/* SRC: ami-styles.css */ .well { min-height: 10px; /* ORIG: 20px */ padding: 5px; /* ORIG: 19px */ } /* == == == */ /* h3.tab-hdr { font-weight: bold; } */ .well-active { background-color: #ffcccc; } .well-inputs { background-color: #d8e8f8; }

// ## http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml function loadjscssfile(filename, filetype){ if (filetype=="js"){ //if filename is a external JavaScript file var fileref=document.createElement('script') fileref.setAttribute("type","text/javascript") fileref.setAttribute("src", filename) } else if (filetype=="css"){ //if filename is an external CSS file var fileref=document.createElement("link") fileref.setAttribute("rel", "stylesheet") fileref.setAttribute("type", "text/css") fileref.setAttribute("href", filename) } if (typeof fileref!="undefined") document.getElementsByTagName("head")[0].appendChild(fileref) } /* loadjscssfile("myscript.js", "js") //dynamically load and add this .js file loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file loadjscssfile("mystyle.css", "css") ////dynamically load and add this .css file */ $(document).ready(function() { loadjscssfile("https://raw.githubusercontent.com/nostalgiaz/bootstrap-switch/master/dist/css/bootstrap3/bootstrap-switch.min.css", "css"); loadjscssfile("https://raw.githubusercontent.com/nostalgiaz/bootstrap-switch/master/dist/js/bootstrap-switch.min.js"); $("[name='my-checkbox']").bootstrapSwitch(); });