Html 引导行未占用100%宽度

我有一个引导网格布局，但行没有占据100%的宽度。我使用的是引导程序4 alpha 6。以下是HTML：

<div class="container-fluid">
  <h1 class="center-text"  id="heading">[Enter Heaading Here]</h1>
  <div class="container">
    <div height="100px" class="row border-show">
      <div class="col-4" id="one"></div>
      <div class="col-4" id="two"></div>
      <div class="col-4" id="three"></div>
    </div>
  </div>
</div>

---

将其从

容器中卸下

。

容器

不是100%宽度，不应该嵌套在另一个容器中。

如果其他人遇到这个问题，并且答案没有解决他们的问题，我的问题是因为我没有意识到我在引导导航栏中添加了行并试图设置列。默认情况下，navbar中已经有一个类似网格的系统，因此，如果您尝试在其中添加列，则似乎将其推到了边缘。反正也没必要

---

因此，如果这个答案不能解决您的问题，请检查您是否在另一个已经处理间距的引导组件中。您可能正试图双重界定您的内容

我登录只是为了更新你的答案，因为这正是我需要的信息。谢谢你的好意。花了几个小时试图弄清楚为什么我的行和列不能工作，只是为了意识到我已经在使用Flex。在BS 4.6中，如果您需要一个容器&行在nav内正常工作，您只需要使用：

display:block

向nav的容器类添加一个覆盖。显然，如果你不小心，这将产生下游效应，所以一定要测试这不会破坏导航中的其他东西@罗伯特我登录只是为了更新你的评论，因为我觉得你登录只是为了更新你的评论很好。。。

.center-text{
  text-align: center;
}
#heading{
  padding: 60px;
}
.border-show{
  border-style: solid;
  border-color: black;
}