如何使页脚覆盖屏幕的整个宽度？

Question

我希望页脚覆盖整个屏幕宽度。 这是它现在的样子：
页脚

我会很感激帮助！

  <!-- Footer -->
  <div class="container">
    <footer class="py-5 bg-dark" id="footer">
      <p class="m-0 text-center text-white">&copy; X <script>document.write(new Date().getFullYear());</script>. This website was made with Bootstrap.</p>
    </footer>
  </div>

Answer 1

只需从.container中取出

<!-- Footer -->    
<footer class="py-5 bg-dark" id="footer">
  <p class="m-0 text-center text-white">&copy; X <script>document.write(new Date().getFullYear());</script>. This website was made with Bootstrap.</p>
</footer>

或者如果您需要在footer中.container

<footer class="py-5 bg-dark" id="footer">
  <div class="container">
    <p class="m-0 text-center text-white">&copy; X <script>document.write(new Date().getFullYear());</script>. This website was made with Bootstrap.</p>
  </div>
</footer>

Answer 2

您可以将该容器div标签放在footer内

这样页脚的所有内容都将在容器中，而页脚将具有 100% 的宽度

<footer class="py-5 bg-dark" id="footer">
  <div class="container">
    <p class="m-0 text-center text-white">&copy; X <script>
      document.write(new Date().getFullYear());
    </script>. This website was made with Bootstrap.</p>
  </div>
</footer>