我不知道为什么我的页脚在 bootstrap 4.0 中不是 100% 宽

Question

我的页脚没有 100% 宽，我真的不知道出了什么问题。也许容器嵌套有问题，但我不知道如何正确修复它。我刚开始学习 Bootstrap，所以这是我的第一个代码。

 <div class="container-fluid d-flex align-items-center justify-content-around">
    <footer class="container-fluid align-items-center text-center">
      <div class="row">
        <div class="col-4">
          <ul class="list-unstyled">
            <li class="mb-2 font-weight-bolder">Links</li>
            <li class="mb-2"><a class="text-reset" href="#">Home</a></li>
            <li class="mb-2"><a class="text-reset" href="#">Cardápio</a></li>
            <li class="mb-2"><a class="text-reset" href="#">Contato</a></li>
          </ul>
        </div>
        <div class="col-8">
          <ul class="list-unstyled">
            <li class="mb-2 font-weight-bolder">Pizzas</li>
            <li class="mb-2"><a class="text-reset" href="#">Tradicionais</a></li>
            <li class="mb-2"><a class="text-reset" href="#">Nobres</a></li>
            <li class="mb-2"><a class="text-reset" href="#">Doces</a></li>
          </ul>
        </div>
      </div>
      <p class="align-items-center">Pizzaria.com.br</p>
    </footer>
  </div>

Here is the website print

有什么建议吗？

Answer 1

你可以在你的 .css 文件中试试这个

body{
 margin:0;
 padding:0;
}