html - MultipleCheckbox form alignment -

i have webpage displays django multiple checkbox form using bootstrap. i'm having difficulty getting choices in form line vertically - of options longer labels skewed relative other options. want form display in center of div want of choices line nicely. in picture can see first choice not aligned next 2 options.

my form looks this:

class scselectform(forms.form):   def __init__(self,*args,**kwargs):     arg_list = kwargs.pop('sc_arg_list')     section_label = kwargs.pop('sc_section_label')     if kwargs.pop('all_true')==true:         initial = [c[0] c in arg_list]     else:         initial = none     super(scselectform,self).__init__(*args,**kwargs)     self.fields['sc_id'].choices=arg_list     self.fields['sc_id'].label=section_label     self.fields['sc_id'].initial=initial    sc_id = forms.multiplechoicefield(required=true, widget=forms.checkboxselectmultiple) 

my views.py looks this:

form_fileoptions = scselectform(sc_arg_list=file_list,sc_section_label="",all_true=true) forms_dict = {'fileoptions':form_fileoptions}  return render(request,'interfaceapp/fileprocessor.html',forms_dict) 

and html looks this:

<div class="row pad_forms">   <div class="col-xs-12">     {% bootstrap_form fileoptions %}   </div> </div> 

can me out this?