bootstrap4-toggle
bootstrap4-toggle copied to clipboard
Doesn't render correctly when using Input Group
When using inside an input-group the Off button doesn't render corretly Example:
<div class="form-group">
<div class='input-group'>
<input type="hidden" name='' value="" />
<input type='text' class='form-control telefone' />
<div class='input-group-append'>
<div class='input-group-btn'>
<input type='checkbox' class="" data-toggle='toggle'
value="true" data-off="Não" data-on="Sim">
<input type='hidden' value="false" />
</div>
</div>
</div>
</div>
I had the same issue, and fixed it:
.input-group .input-group-btn .toggle-on,
.input-group .input-group-btn .toggle-off{
position: absolute;
}