Отображение элемента bootstrap в django-формах

Я хочу использовать элемент шаблона bootstrap в моей django-форме:

html-код выглядит следующим образом:

Какой подход я должен использовать для загрузки этого элемента в мою форму с помощью django?

Пока что я попробовал следующее:

1.- Определить поле:

CHOICES = [('1', 'First'), ('2', 'Second')]
selector = forms.ChoiceField(
        required=False,
        label= "Select software products",
        choices=CHOICES,
        widget = forms.TextInput(
            attrs= {
                'class': 'choices',
                'role': 'combobox',
                'data-type': 'select-multiple'
            }
        )
    )

2.- Добавить в макет:

self.helper.layout = Layout(
    Row(Div(Div('selector'), css_class='form-group'))
)

Результатом является обычное поле ввода:

В других элементах я просто ставлю css класс и он прекрасно работает, но я не могу понять как это сделать в более сложных объектах.

Заранее спасибо!!!

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