如何在 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 %}
解决这个问题
我在我的应用程序中设置了 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 %}
解决这个问题