如何使复选框在表结构中而不是在Django中垂直排列?

如何使复选框在表结构中而不是在Django中垂直排列?,django,django-crispy-forms,bootstrap-multiselect,Django,Django Crispy Forms,Bootstrap Multiselect,我有一个带有MultiSelectField的模型,我希望它作为一系列复选框出现在我的表单上。有很多可用的选项,所以我不想垂直显示复选框,而是想将它们显示为3列10行。我对脆皮的形式和bootstrap还不熟悉,但我认为这是最好的方法。我如何使用它们来完成这项任务 models.py class Order(models.Model): accession_id = models.CharField(max_length=20, primary_key=True) MEDICAT

我有一个带有MultiSelectField的模型,我希望它作为一系列复选框出现在我的表单上。有很多可用的选项,所以我不想垂直显示复选框,而是想将它们显示为3列10行。我对脆皮的形式和bootstrap还不熟悉,但我认为这是最好的方法。我如何使用它们来完成这项任务

models.py

class Order(models.Model):
    accession_id = models.CharField(max_length=20, primary_key=True)
    MEDICATION_CHOICES = (
        ('ACTIQ', 'ACTIQ'),
        ('HYDROCODONE/APAP', 'HYDROCODONE/APAP'),
        ('OXY IR', 'OXY IR'),
        ('ADDERALL', 'ADDERALL'),
        ('HYDROMORPHONE', 'HYDROMORPHONE'),
        ('PERCOCET', 'PERCOCET'),
        ('ALPRAZOLAM', 'ALPRAZOLAM'),
        ('KADIAN', 'KADIAN'),
        ('PREGABALIN', 'PREGABALIN'),
        ('MSIR', 'MSIR'),
        ('TRAMADOL', 'TRAMADOL'),
        ('ELAVIL', 'ELAVIL'),
        ('NEURONTIN', 'NEURONTIN'),
        ('TYLOX', 'TYLOX'),
        ('EMBEDA', 'EMBEDA'),
        ('NORCO', 'NORCO'),
        ('ULTRAM', 'ULTRAM'),
        ('ENDOCET', 'ENDOCET'),
        ('NORTRIPTYLINE', 'NORTRIPTYLINE'),
        ('VALIUM', 'VALIUM'),
        ('FENTANYL', 'FENTANYL'),
        ('NUCYNTA', 'NUCYNTA'),
        ('VICODIN', 'VICODIN'),
        ('FENTORA', 'FENTORA'),
        ('OPANA', 'OPANA'),
        ('VICOPROFEN', 'VICOPROFEN'),
        ('FLEXERIL', 'FLEXERIL'),
        ('OXECTA', 'OXECTA'),
        ('XANAX', 'XANAX'),
        ('GABAPENTIN', 'GABAPENTIN'),
        ('OXYCODONE', 'OXYCODONE'),
        ('ZOLPIDEM', 'ZOLPIDEM'),
        ('HYDROCODONE', 'HYDROCODONE'),
        ('OXYCONTIN', 'OXYCONTIN'),
    )
    medications = MultiSelectField(choices=MEDICATION_CHOICES)  
forms.py

class OrderForm(forms.Form):
     accession_id = forms.CharField(widget=forms.TextInput(attrs={'autocomplete': 'new-password'}))
    medications = forms.MultipleChoiceField(widget=forms.CheckboxSelectMultiple, choices=MEDICATION_CHOICES)
html

{%extends'访问/base.html%}
{%load crispy_forms_tags%}
{%block content%}
新秩序
{%csrf_令牌%}
{{form.accession|u id|as_crispy_field}}
{{form.medicines}as|u crispy_field}
拯救
{%endblock%}

您能与我们分享您的代码吗?@QuickLikeAbit刚刚添加,谢谢。
{% extends 'accessioning/base.html' %}

{% load crispy_forms_tags %}

{% block content %}
    <h2>New Order</h2>
     <form method="POST" id="orderForm" data-physicians-url="{% url 'ajax_load_physicians' %}" novalidate>
     {% csrf_token %}
        <div class="">
            <div class="form-group col-md-12">
                {{ form.accession_id|as_crispy_field }}
            </div>
        </div>
        <div>
            <div>
                {{ form.medications|as_crispy_field }}
            </div>
        </div>

        <button type="submit" class="save btn btn-default">Save</button>
    </form>
{% endblock %}