Intro

The only difference between default Bootstrap is the additional span. After that it's only a question of adding a class that fits your needs.

Bootstrap 3

The Bootstrap 3 default way of generating checkbox looks a like this:


Ti-Ta-Toggle awesomenes

Just by adding one <span> plus the class .checkbox-slider--TYPE you get this result:


Note:

Don't forget to add the span after the input