Как визуализировать поля формы вручную в django - bootstrap - PullRequest
Новая
       53

Как визуализировать поля формы вручную в django - bootstrap

0 голосов
/ 11 марта 2020

В моем приложении настроено django - bootstrap -datepicker-plus. По завершении я заметил, что мои поля формы расположены в строках снимок экрана , тогда как я хотел бы вручную визуализировать некоторые поля в одной строке. Хотя я знаю причину этого в том, что форма отображается с использованием {% 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>

Вопрос, который у меня есть, возможно ли? визуализировать каждое поле формы вручную?

1 Ответ

0 голосов
/ 12 марта 2020

Мне удалось решить эту проблему с помощью {% bootstrap_field field %}, как описано в этом do c

...