如何在 django-bootstrap 中手动呈现表单字段

How can form fields be rendered manually in django-bootstrap

我在我的应用程序中设置了 django-bootstrap-datepicker-plus。完成后,我注意到我的表单字段堆叠在行 screenshot 上,而我希望在同一行上手动呈现一些字段。虽然我知道这是因为表单是使用 {% bootstrap_form form %}

呈现的

下面是我呈现的模板代码片段。

{% extends 'accounts/no_header_footer.html' %}
{% block content %}
{% load bootstrap4 %}
{% bootstrap_css %}
{% bootstrap_javascript jquery='full' %}
{{ form.media }}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>

<div class="profile-create-form-container">
    <form class="profile-create-form" data-certificates-url="{% url 'ajax_load_certificates' %}"
          data-grades-url="{% url 'ajax_load_grades' %}"
          data-relationships-url="{% url 'ajax_load_relationships' %}" data-states-url="{% url 'ajax_load_states' %}"
          enctype="multipart/form-data"
          id="ProfileCreateForm"
          method="POST" runat="server">

        {% csrf_token %}
        <fieldset class="form-group text-center">
                <span class="navbar-brand">
                    <img alt="..." height="40px" src="..." width="40px">
                    Basic Information
                </span>
        </fieldset>
        {% bootstrap_form form %}

        <div class="container">
            <div class="text-center">
                <button class="btn btn-dark" type="submit">
                    <i class="fa fa-save"></i> Save and Continue
                </button>
            </div>
        </div>
    </form>
</div>

我的问题是,是否可以手动呈现每个表单字段?

我能够按照 doc

中的说明使用 {% bootstrap_field field %} 解决这个问题