Нижний колонтитул не занимает своего места - PullRequest
Новая
       5

Нижний колонтитул не занимает своего места

0 голосов
/ 25 мая 2020

вот продолжение моего предыдущего вопроса. Это домашняя страница моего сайта; с вашей помощью (спасибо, спасибо) я исправил нижний колонтитул, чтобы он появлялся внизу моей страницы, но теперь вы можете видеть; нижний колонтитул не занимает всю нижнюю часть страницы. Домашняя страница сайта (заголовок не важен)

Когда я, например, go зарегистрировал страницу, нижний колонтитул не меняет своего места; см .: Страница регистрации (заголовок снова не важен)

все мои footer.html коды: 

<link rel="stylesheet" href="/static/css/footer.css">
<footer class="container py-5  navbar-fixed-bottom food">
  <div class="row" style="color: white ; font-family: Forte; height: 100% ; background-color: #1b1e21">
    <div class="col-12 col-md">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="d-block mb-2" role="img" viewBox="0 0 24 24" focusable="false"><title>Product</title><circle cx="12" cy="12" r="10"></circle><path d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"></path></svg>
      <small class="d-block mb-3 text-muted">©2019-2020</small>
    </div>
    <div class="col-6 col-md">
      <h5>Your turn</h5>
      <ul class="list-unstyled text-small">
        <li><a class="text-muted" href="{% url 'register' %}">Register</a></li>
        <li><a class="text-muted" href="{% url 'login' %}">Login</a></li>
        <li><a class="text-muted" href="{% url 'create_res' %}">Add your resturant</a></li>
      </ul>
    </div>
    <div class="col-6 col-md">
      <h5>See our work</h5>
      <ul class="list-unstyled text-small">
        <li><a class="text-muted" href="{% url 'show_res' %}">Resturants</a></li>
{#        <li><a class="text-muted" href="{% url 'rate' %}">Rate resturants</a></li>#}
      </ul>
    </div>
    <div class="col-6 col-md">
      <h5>Resources</h5>
      <ul class="list-unstyled text-small">
        <li><a class="text-muted" href="#">Business</a></li>
        <li><a class="text-muted" href="#">Education</a></li>
        <li><a class="text-muted" href="#">Government</a></li>
        <li><a class="text-muted" href="#">Gaming</a></li>
      </ul>
    </div>
    <div class="col-6 col-md">
      <h5>About</h5>
      <ul class="list-unstyled text-small">
        <li><a class="text-muted" href="#">Team</a></li>
        <li><a class="text-muted" href="#">Locations</a></li>
        <li><a class="text-muted" href="#">Privacy</a></li>
        <li><a class="text-muted" href="#">Terms</a></li>
      </ul>
    </div>
  </div>
</footer>

Я использовал CSS всего в нескольких строках: 

    footer {
  position: fixed;
  bottom: 0;
}

Надеюсь исправит. СПАСИБО аварийная ситуация; помогите пожалуйста

...