我目前正在处理一些设计和前端问题，我不是一个定位和其他类似元素的前端Maven。所以现在我已经在我的<div class="container"></div>中构建了一些设计，基本上问题是我的页脚在最后一个元素附近突出。现在在中间。我尝试使用<br>，但这不是我想要的...我怎么才能设置它在页面的底部？谢谢!
我的代码：

<footer class="page-footer font-small bg-dark pt-5">

  <!-- Footer Elements -->
  <div class="container">
    <!-- Social buttons -->
    <ul class="list-unstyled list-inline text-center">
      <li class="list-inline-item">
        <a class="btn-floating btn-fb mx-1" href="https://www.facebook.com/UAB-Interkodas-1882309422025359/">
          <img alt="fb" width="30" src="{% static '/main/svgs/facebook.svg' %}">
        </a>
      </li>
      <li class="list-inline-item">
        <a class="btn-floating btn-tw mx-1">
          <img alt="linkedin" width="30" src="{% static '/main/svgs/linkedin.svg' %}">
        </a>
      </li>
      <li class="list-inline-item">
        <a class="btn-floating btn-gplus mx-1">
          <img alt="google_plus" width="30" src="{% static '/main/svgs/google-plus.svg' %}">
        </a>
      </li>
      <li class="list-inline-item">
        <a class="btn-floating btn-li mx-1">
          <img alt="google_maps" width="30" src="{% static '/main/svgs/google-maps.svg' %}">
        </a>
      </li>
    </ul>
    <!-- Social buttons -->

  </div>
  <!-- Footer Elements -->

  <!-- Copyright -->
  <div class="footer-copyright text-center text-light py-3">© 2020 Copyright: All rights reserved.
  </div>
  <!-- Copyright -->

</footer>
<!-- Footer -->

照片在这里：