conflict with bootstrap grid system

[Grzegorz Pociejewski]

completly bad just one example:

<div class="col-md-2">
<label class="switch-light switch-candy" onclick="">
  <input type="checkbox">
  <span>
    Wireless
    <span>Off</span>
    <span>On</span>
  </span>

  <a></a>
</label>
</div>

[Ionuț Colceriu]

The problem is probably that the container width is just too small. I could add a min-width to the switch, but that would probably break other scenarios and not respect small container widths.

If you want to use the switch-light, you'll have to make sure the container has a big enough width for the text you're using.

If you want to be able to move the switch label to the next line, you can use the switch-toggle.