列中的 Django 单选按钮

Question

我有一个带有 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({})])

这是我的观点.py

def dayview(request): 
    form = FilterForm()
    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>

我希望将选项显示为每行两列中的单选按钮，等距。 我尝试过脆皮选项，但我猜这是整个形式。

如何获得如图所示的预期结果：

Answer 1

通过在模板文件中添加以下内容来实现

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