我怎样才能让这个页脚达到100%宽？

Question

我正在建立一个自举网站，这将是页的页脚。我从引导文档中得到了它并改变了它。

到目前为止，它还不是100%，我不知道是什么级别使它有一个利润率。

下面是代码：

<div class="container bg-warning border border-5 border-dark mt-3">
  enter code here`<footer class="py-2 my-2">
    <ul class="nav justify-content-center border-bottom pb-3 mb-3 border-dark">
      <li class="nav-item"><a href="#" class="nav-link px-2 text-dark fw-bold">Homepage</a></li>
      <li class="nav-item"><a href="#" class="nav-link px-2 text-dark fw-bold">Contact us here</a></li>
    </ul>
    <p class="text-center text-dark fw-bold">&copy; copyright filler</p>
  </footer>
</div>

Answer 1

删除第一个div上的容器类和mt-3类。

像一样

<div class=" bg-warning border border-5 border-dark">
  enter code here`<footer class="py-2 my-2">
    <ul class="nav justify-content-center border-bottom pb-3 mb-3 border-dark">
      <li class="nav-item"><a href="#" class="nav-link px-2 text-dark fw-bold">Homepage</a></li>
      <li class="nav-item"><a href="#" class="nav-link px-2 text-dark fw-bold">Contact us here</a></li>
    </ul>
    <p class="text-center text-dark fw-bold">&copy; copyright filler</p>
  </footer>
</div>

如果你想在顶部加上那个边距，只需再加上mt-3级。

Answer 2

使用容器流体类而不是容器类。