Excelente amigo!! Agradeço grandemente, segui seu conselho e consegui fazer o botão com bootstrap, na base de copiar e colar kkkkk. Só não sei onde coloco seu código no html. Segue o código html que fiz:
Exemplo simples
Teste de botao funcionando
Lembrando que sou leigo no assunto. Rsrsrsrs. :D
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<link rel="canonical" href="http://www.bootstraptoggle.com">
<link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.3/styles/github.min.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="css/bootstrap-toggle.css" rel="stylesheet">
<link href="doc/stylesheet.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>
<body>
<main>
<div class="container">
<h3>Exemplo simples</h3>
<p>Teste de botao funcionando</p>
<div class="example">
<input type="checkbox" checked data-toggle="toggle">
</div>
<script src="js/bootstrap-toggle.js"></script>
</main>
</body>
</html>