bootstrap-switch
bootstrap-switch copied to clipboard
what is wrong
what is wrong
version 3.3.3 shows this

version 3.3.4 shows this

3.3.4 has an issue for our project too. The change to display: table-cell and vertical-align: middle on the handles and label meant that even though the width was being calculated correctly, it would not apply in the browser because table cells can shrink.
Our workaround was to add this to our CSS:
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
display: inline-block;
vertical-align: baseline;
}
@jameshoward Thank you. CSS fix worked for me.