Bootstrap 4 Bootstrap 4（alpha 6）品牌get&x27；s居中并与切换器重叠

在引导程序4（alpha 6）中使用导航栏和容器时，如

当屏幕很小（比如手机）时，品牌标志/文字（无关紧要）和开关 *居中 *不要重叠（toggler不在品牌旁边，而是“在”品牌上）

这也适用于其他导航栏类型（固定顶部，默认）

当移除导航元素后的“容器”时，一切正常

---

我需要容器div来拥有一个全宽的导航栏，但它本身是“居中的”（如以下内容）。

您的

菜单中有一个额外的

flexbox容器，它不应该在那里，因此引导会尝试自动将所有项目对齐到中心。删除

div

，它就会工作

这是您的小提琴，已删除

：

我可以通过为容器添加以下css来“解决”它

@media (max-width: 576px) {
    nav .container {
        width: 100%;
    }
}

---

@Escher:nav之后的.container也在BS4的官方css中，以及在他们的文档中。所以我相信这是有意的。

你能为你的问题创造一个有效的解决方案吗？我在这里创建了一个bs4a6导航模板：答案对你有用吗？如果是这样，请不要忘记单击“接受”按钮。不，您删除了我需要的容器。看我原来的帖子。也许我可以将我的问题重新格式化为“我需要一个BS4‘模板’，其中导航（a）是100%宽度[背景等]，但（b）它的内容与页面‘正文’的宽度相同，而不是全屏宽度”。正是需要这个容器，请参阅我的原始帖子：“我需要容器div来拥有一个全宽的导航栏，但它本身是“居中的”（如以下内容所示）

@media (max-width: 576px) {
    nav .container {
        width: 100%;
    }
}