Как отобразить поле multiselect

У меня есть тема bootstrap, которую я пытаюсь использовать для стилизации мульти-флажка из ModelForm, но я не могу добиться правильного отображения при применении attrs()

Модель

class ProjectForm(ModelForm):
    class Meta:
        model = Project
        fields = ('name','website','description','blockchain')

        widgets = {
            'name': forms.TextInput(attrs={'class': 'form-control wd-xl-250'}),
            'website': forms.URLInput(attrs={'class': 'form-control wd-xl-250'}),
            'description': forms.Textarea(attrs={'class': 'form-control wd-xl-250'}),
            'blockchain': forms.CheckboxSelectMultiple(),
       
        }

HTML шаблон

<div class="parsley-checkbox wd-250 mg-b-0" id="cbWrapper2">
                                                
    <label class="ckbox mg-b-5-f"><input data-parsley-class-handler="#cbWrapper2" data-parsley-errors-container="#cbErrorContainer2" data-parsley-mincheck="2" name="browser[]" required="" type="checkbox" value="1"><span>Polygon</span></label> 
    <label class="ckbox mg-b-5-f"><input name="browser[]" type="checkbox" value="2"><span>Ethereum</span></label> 
    <label class="ckbox mg-b-5-f"><input name="browser[]" type="checkbox" value="3"><span>Solana</span></label> 
    <label class="ckbox"><input name="browser[]" type="checkbox" value="4"><span>Binance</span></label>

</div><!-- parsley-checkbox -->

Использование Django Form

<div class="parsley-checkbox wd-250 mg-b-0" id="cbWrapper2">
    {{ form.blockchain }}
</div>

Я пробовал добавлять

'blockchain': forms.CheckboxSelectMultiple(attrs={'class': 'ckbox mg-b-5-f'}),

Но это не работает, и я не уверен, почему.

Это должно выглядеть следующим образом: enter image description here

Но я получаю enter image description here

Что я делаю не так?

Вернуться на верх