input-group support

[bryan-brancotte]

When using a toggle in a input-group-btn, the position: absolute was overridden. By using a more specific selector, we ensure that position is absolute

Example :

https://jsfiddle.net/cLxqzup5/

<!--  Bootstrap docs: https://getbootstrap.com/docs--><br/><divclass="col-12"><h2>
without fix
</h2><divclass="input-group mb-3"><divclass="input-group-prepend"><divclass="input-group-btn"><inputtype="checkbox" aria-label="Checkbox for following text input" data-toggle="toggle" data-on="Enabled" data-off="Disabled" data-offstyle="info"></div></div><inputtype="text" class="form-control" aria-label="Text input with checkbox"></div><divclass="input-group mb-3"><divclass="input-group-prepend"><divclass="input-group-btn"><inputtype="checkbox" aria-label="Checkbox for following text input" data-toggle="toggle" data-on="Enabled" data-off="Disabled" checked="checked" data-offstyle="info"></div></div><inputtype="text" class="form-control" aria-label="Text input with checkbox"></div></div><hr/><divclass="col-12 with-fix"><h2>
with fix
</h2><divclass="input-group mb-3"><divclass="input-group-prepend"><divclass="input-group-btn"><inputtype="checkbox" aria-label="Checkbox for following text input" data-toggle="toggle" data-on="Enabled" data-off="Disabled" data-offstyle="info"></div></div><inputtype="text" class="form-control" aria-label="Text input with checkbox"></div><divclass="input-group mb-3"><divclass="input-group-prepend"><divclass="input-group-btn"><inputtype="checkbox" aria-label="Checkbox for following text input" data-toggle="toggle" data-on="Enabled" data-off="Disabled" checked="checked" data-offstyle="info"></div></div><inputtype="text" class="form-control" aria-label="Text input with checkbox"></div></div>

.with-fix .input-group-btn .toggle-on, .toggle-on {
position: absolute;
}
.with-fix .input-group-btn .toggle-off, .toggle-off {
position: absolute;
}

Fixing #32