Django Радиокнопки в колонках

У меня есть радиокнопка с n вариантами выбора, причем сами варианты выбираются из базы данных.

Forms.py

class FilterForm(forms.Form):
    DressTable = mydb['DressInfo']
    ColorTable =mydb['ColorInfo']
    dress = forms.ChoiceField(widget=forms.RadioSelect,choices=[(obj['subcatvalue'], obj['subcategory']) for obj in DressTable.find({})])
    color = forms.ChoiceField(widget=forms.RadioSelect,choices=[(obj['subcatvalue'], obj['subcategory']) for obj in ColorTable.find({})])

Это мой views.py

def dayview(request): 
    form = FilterDaywiseNew()
    return render(request, 'searchpage.html',{'form': form})

Это мой файл шаблона searchpage.html

<form method="post" action="SearchDisplay" id="searchFilter">

<div id="checkbox">
    <ul>
        {{ form.dress }}
    </ul>
</div>

<div id="checkbox">
    <ul>
        {{ form.color}}
    </ul>
</div>
</form>

Я хочу, чтобы варианты отображались в виде радиокнопок в двух колонках в строке с одинаковым расстоянием между ними. Я пробовал хрустящие варианты, но это для всей формы, я полагаю.

Как мне получить желаемый результат, как показано на рисунке :

.radiobuttons-container {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}