Почему Flask - толкает боковую панель ниже содержимого формы - PullRequest
Новая
       10

Почему Flask - толкает боковую панель ниже содержимого формы

0 голосов
/ 25 апреля 2020

registration.html и home.html страницы (среди прочих) наследуются от одного и того же layout.html. Кажется, все настроено правильно; Боковая панель отображается справа на всех страницах, кроме тех случаев, когда я использую wtforms. Похоже, что это не относится к другим.

home. html

enter image description here

регистрация. html

enter image description here

макет. html

image

home. html


{% extends "layout.html" %}
{% block content %}
    {% for post in posts %}
<article class="media content-section">
  <div class="media-body">
    <div class="article-metadata">
      <a class="mr-2" href="#">{{ post.author }}</a>
      <small class="text-muted">{{ post.date_posted }}</small>
    </div>
    <h2><a class="article-title" href="#">{{ post.title }}</a></h2>
    <p class="article-content">{{ post.content }}</p>
  </div>
</article>
    {% endfor %}
{% endblock content %}

регистрация. html

{% extends "layout.html" %}
{% block content %}
    <div class='content-section'>
        <form method="POST" action="">
            {{ form.hidden_tag() }}
            <fieldset class="form-group">
                <legend class="border-bottom mb-4">Join Today</legend>
                <div class="form-group">
                    {{ form.username.label(class="form-control-label") }}
                    {{ form.username(class="form-control form-control-lg") }}
                </div>
                <div class="form-group">
                    {{ form.email.label(class="form-control-label") }}
                    {{ form.email(class="form-control form-control-lg") }}
                </div>
                <div class="form-group">
                    {{ form.password.label(class="form-control-label") }}
                    {{ form.password(class="form-control form-control-lg") }}
                </div>
                <div class="form-group">
                    {{ form.confirm_password.label(class="form-control-label") }}
                    {{ form.confirm_password(class="form-control form-control-lg") }}
                </div> 
            </fieldset>
            <div class="form-group">
                {{ form.submit(class="btn btn-outline-info") }}
        </form>
    </div>
    <div class="border-top pt-3">
        <small class="text-muted">
            Already Have An Account? <a class="ml-2" href="{{ url_for('login') }}">Sign In</a>
        </small>
    </div>
{% endblock content %}

Я предполагаю, что это как-то связано с bootstrap css, но я не уверен, как это исправить или переопределить.

1 Ответ

0 голосов
/ 25 апреля 2020

Вы забыли closing div </div> до closing </form>

<div class="form-group">
    {{ form.submit(class="btn btn-outline-info") }}
</div>

image

...