Html 使引导列占据整个页面宽度（或至少90%）

我正在为一个班级做最后一个项目，我正在学习如何使用引导。虽然我有一些HTML之类的工作知识（或者如果我被卡住了，我知道该去哪里），但有一件事我一辈子都搞不清楚，那就是如何让引导列占据更多的屏幕空间。我已经复制并粘贴了下面的相关代码，希望有人能告诉我我做错了什么，或者这是否可以解决

我一直在看其他松弛的帖子（对不起，我忘了复制链接！）和，但仍然有同样的问题

<nav class="navbar navbar-expand-sm bg-white navbar-light">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="collapsibleNavbar">
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="#">Awards</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Resume</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Papers</a>
      </li>    
    </ul>
  </div>  
</nav>

<div class="container">
  <div class="row">
  <! –– The columns still aren't taking up 100% of the screen width. ––>
    <div class="col-sm-2">
        <! –– Ideally more to the left ––>
        Welcome the user to the website here
    </div>
    <div class="col-sm-4">
        Brief bit of information about me
    </div>
    <div class="col-sm-6">
        Image carosel (idk how to spell) with images of me, my friends & family
    </div>
  </div>
</div>

当您使用
容器
类时，默认情况下，该类将占窗口宽度的80%，并具有左右自动边距。对于90%的窗口，您需要使用
容器流体
类，以便覆盖整个窗口。然后您将
col-4
col-2
和
col-5
达到90%











将
容器
更改为
容器流体
，使其跨度达到100%。非常感谢！我没有意识到默认情况下它只占了80%。