search

minhur / bootstrap-toggle

Bootstrap Toggle is a highly flexible Bootstrap plugin that converts checkboxes into toggles
http://www.bootstraptoggle.com
MIT License
1.48k stars 440 forks source link

Overlaping #45

Open alex753895 opened 9 years ago

alex753895 commented 9 years ago

I have downloaded bootstrap-toggle from Nuget and have tried one of the simple examples, the buttons are overlapped, using MVC 5.0, anyone else have the same issue?

<input id="toggle-event" data-toggle="toggle" type="checkbox">
<div id="console-event"></div>
 <script>
     $(function () {
         $('#toggle-event').change(function () {
             $('#console-event').html('Toggle: ' + $(this).prop('checked'))
         })
    })
</script>

And then the toggle look like this:

untitled

alex753895 commented 9 years ago

There is no problem if I use the js and css by downloading them so there is something wrong with the version on Nuget

gomathi04 commented 9 years ago

I think you have missed the class = "toggle" in

jklaphake commented 9 years ago

Yes, I have got the same problem. I have taken a very simple example:

I have downloaded the js and css: bootstrap-toggle.min.css bootstrap-toggle.min.js

I don't quite understand the previous comment about missing the class="toggle" ?? I did add it to the input, but that made no difference