Checkbox adding extra classes

0
I noticed that checkbox items are adding in extra “col-sm-9 col-sm-offset-3” classes: <div class="col-sm-9 col-sm-offset-3 checkbox"><label class="control-label"></label></div> Is there a way to remove these? I would like to have a custom label and these extra classes are throwing the alignment off...
asked
2 answers
0

I was able to select “No” on show label and add in a separate label however I am wondering if there is a way to still show the label by default without the extra classes.

answered
0

I created these helper classes to remove the extra default label spacing:

.checkbox-nospacing { // No label spacing on checkbox

    .col-sm-9 { 

        margin: 0px; 

        width: auto;

        max-width: 100%;

        flex: auto;

    }

}  
 

and another one for radio selectors:

 

.radiobox-nospacing { // Removes default spacing on radio horizontal radio boxes

    .col-sm-3 {

        text-align: left;

        max-width: unset;

        display: inline-block;

        flex: none;

        width: auto;

    }

}

answered