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 4

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


Ti-Ta-Toggle awesomenes

Just by adding one


  

plus the class


  .checkbox-slider--TYPE

you get this result:


Note:

Don't forget to add the span after the input