Bootstrap 4 如何在窄视口上使导航栏全宽？

在移动浏览器上，导航栏居中。我希望它像在更大的视口中一样被隔开。因此，徽标将位于左侧，菜单图标将位于右侧。我该怎么做？有内置的课程吗

---

您只需要添加一些CSS代码，覆盖移动渲染中徽标和导航容器的位置

@media only screen and (max-width:640px) {
#logo {float:left;position:relative;max-width:49%;}
#navigation_container {float:right;position:relative;max-width:49%;}
}

您需要在特定情况下为标记计算出正确的CSS标识符，以便此CSS代码能够正常工作，以及断点宽度值对您的情况有意义。

---

最后一个提示：在css中为这两个容器设置

溢出：隐藏
，可以防止容器崩溃，因此此标题区域后面的内容不会挤满标题空间。
您只需添加一些css代码，覆盖移动渲染中徽标和导航容器的位置

@media only screen and (max-width:640px) {
#logo {float:left;position:relative;max-width:49%;}
#navigation_container {float:right;position:relative;max-width:49%;}
}

您需要在特定情况下为标记计算出正确的CSS标识符，以便此CSS代码能够正常工作，以及断点宽度值对您的情况有意义。
最后一个提示：在css中为这两个容器设置
溢出：隐藏
，可以防止容器崩溃，这样标题区域后面的内容不会挤满标题空间。
在mobile view中查看twitter引导网站上的DOM，我在导航栏中添加了
宽度：100%
容器
类。看起来像这样：

@media (max-width: 991px){
   .navbar-toggleable-md>.container {
      padding-right: 0;
      padding-left: 0;
      width: 100%; //ADD ME
   }
}

这使得引导文本显示在左侧，移动导航按钮显示在右侧。我没有对此进行广泛测试，因此您可能希望这样做。还有一件事需要记住的是，版本4仍处于alpha阶段，因此可能会发生变化。
在mobile view中查看twitter引导网站上的DOM，我将
宽度：100%
添加到导航栏
容器
类中。看起来像这样：

@media (max-width: 991px){
   .navbar-toggleable-md>.container {
      padding-right: 0;
      padding-left: 0;
      width: 100%; //ADD ME
   }
}

这使得引导文本显示在左侧，移动导航按钮显示在右侧。我没有对此进行广泛测试，因此您可能希望这样做。还有一点需要记住的是，版本4仍处于alpha阶段，因此可能会发生更改。
使用
navbar-toggler-right
菜单图标保留在右侧，因此您需要共享正在使用的代码

使用
导航栏向右切换
菜单图标保留在右侧，因此您需要共享正在使用的代码

你能发布你目前拥有的代码吗？你能发布你目前拥有的代码吗？