Bootstrap 4 引导中的页脚

我正在尝试在引导中创建响应web的灵活页脚，它将位于页面底部（若页面底部的内容较少，若内容增加，则相应地进行更改）。这是我正在使用的代码。我错过了什么或做错了什么。初学者引导并使用4.5.0版。先谢谢你

   <footer class="footer">
       <div class="container-fluid">
          <ul class="footertext">
                <li class="list">
                    About Us
                </li>
                <li class="list">
                    Contact Us
                </li>
            </ul>
             


         </div>
   </footer>

当我试着以一种特定的尺寸看它时，这就是斯克伦肖特。fotter的时间不够长，无法安装屏幕。但当它出现在另一个屏幕上时，它就好了

我的页脚在这个div中，当我检查页面时，这个div没有全屏宽度。我尝试将最小宽度添加到100%和100vh

 .page-container {
position: relative;
min-height: 100vh;
/*min-width: 100%;*/

---

}

您可以为您的主容器使用bootstrap内置类

d-flex flex column min-vh-100

，而

mt auto

意味着

页边距顶部自动

。因此，页脚将始终位于页面底部，与内容相对应。下面是相同的代码片段

我的内容
页脚

你能不能显示你得到的结果的屏幕截图，并解释你想用这张照片得到什么？我已经编辑了描述以显示屏幕截图，如果有帮助的话，还有一些其他细节。检查页脚所在的元素后，元素是否占据了整个屏幕的宽度？如果是，您在页脚中设置了一个div，那么div是否也占据了页脚的整个宽度

 .page-container {
position: relative;
min-height: 100vh;
/*min-width: 100%;*/