JSFiddle

r1ch0's public fiddles

• Bootstrap thumbnail alignment

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Popover test

  https://github.com/twitter/bootstrap/issues/3495

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bootstrap Switch 5

  This version uses Bootstrap's data-api to keep the HTML short and simple while using JavaScript to control the actual switching via toggling a class (since the checkbox isn't cross-browser enough).

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bootstrap Switch 4

  My second version which doesn't suffer from the overflow bug in Webkit since the 'on' colour is resized/hidden instead of sliding. It still looks like everything is sliding but it isn't. Unfortunately this needs an extra child span though.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bootstrap Switch 3

  My own first attempt. This has the slide animation but suffers from a Webkit bug where the overflow outside rounded borders isn't hidden for child elements - this is obvious when the switch is off.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bootstrap Switch 2

  Uses JavaScript to toggle 'active' class on outer (switch) div. Has checkbox inside to enable form submission. (Based on http://css3wizardry.com/2011/12/18/ios-5-style-switch-control/)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bootstrap Switch 1

  Webkit only switch as it restyles a checkbox. Very simple HTML but not cross-browser at all. (Based on http://forr.st/~vqz)

• Private fiddle Extra
• Delete fiddle
Groups Extra