search

gitbrent / bootstrap4-toggle

Bootstrap 4 Switch Button / Toggle
https://gitbrent.github.io/bootstrap4-toggle/
MIT License
213 stars 67 forks source link

Cannot get component to work on my site #60

Closed SoftCircuits closed 3 years ago

SoftCircuits commented 3 years ago

Well I don't seem to be able to get this working.

In my header, I added the following:

<link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>

And here's what my mark up looks like.

<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            <input type="checkbox" data-toggle="toggle" data-val="true" data-val-required="The LeaseStatusReport field is required." id="LeaseStatusReport" name="LeaseStatusReport" value="true">
            <label>Lease Status Report</label>
        </div>
    </div>
</div>

In all cases, my checkbox looks like a regular HTML checkbox. I'm using Bootstrap 4.3.1. Can anyone tell me what the secret is?