Twitter bootstrap 引导4 Alpha 6导航栏左右切换创建奇怪行为

我有一个简单的导航栏：

<nav class="navbar navbar-inverse navbar-toggleable-md fixed-top custom-navbar" style="background-color: #321048;">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav d-flex justify-content-end" style="width:100%">
              <li class="nav-item">
                <a class="nav-link" href="#home">Home</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#rolfing">Rolfing</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#packages">Packages</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#about">About</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#footer">Contact</a>
              </li>
            </ul>
        </div>
</nav>

对于按钮，它确实正确地对齐了按钮，但导航栏本身不再扩展以填充按钮。所以切换按钮看起来只是浮动的。我很乐意让navbar切换器直接运行，但我只是好奇它为什么会这样做。可能与导航栏向右切换有绝对位置有关。导航栏向左切换也做同样的事情

编辑 为了提供更多细节，切换按钮在左侧或右侧并不重要。添加类navbar toggler left会导致相同的问题。我的问题不是如何将切换按钮向右移动（我可以通过在按钮上添加float:right来实现），而是为什么

---

navbar toggler left和right类具有这种奇怪的行为。

这方面存在一个未决问题：

解决方法是使用占位符而不是

navbar品牌

---

您可以尝试使用

导航栏切换

而不是

导航栏切换器

。它可能会有帮助，但在你的情况下，但不确定。

无意冒犯，但你应该只添加

.ml auto

，这是有效的。

我也有同样的问题。品牌名称和开关都是左对齐的。我用

解决了这个问题。成功了

因此，您可以尝试

---

您使用的是navbar toggle类，而不是

ul class=“navbar nav d-flex justify content end”style=“width:100%”中可能重复的css版本。navbar toggle类如下所示{位置：相对；浮动：右侧；填充：9px 10px；页边距顶部：8px；页边距右侧：15px；页边距底部：8px；背景色：透明；背景图像：无；边框：1px实心透明；边框半径：4px；}在新的CSS VISION中，Navar ToGLGER类是不同的，并将你的按钮放在页面中间的某个地方，已经有一年了，这个问题仍然存在。这应该是已被采纳的答案。没有问题。这是有效的。
navbar-toggler-right