Question

我一直在使用Bootstrap 4.我遇到的问题是菜单没有显示对齐。

示例中有三个问题（执行时可以看到它）

1）第一个问题（子选项-2未与中心对齐）：

2）第二个问题（当我调整屏幕大小时，它看起来没有对齐）

3）第三个问题（当我调整屏幕大小时，'选项2'出现一些填充，我没有将其他元素设置为相同）

错误在哪里？

由于

Answer 1

1）第一个问题（子选项-2未与中心对齐）：

您的下拉菜单中的项目不应包含.nav-link和.nav-item类（这些类为任何na.nav-link + .nav-link设置左边距）：在_navbar.scss中：

.nav-link
 + .nav-link {
      margin-left: 1rem;
    }
}

以上可能也会导致您的第三个问题。我不明白你的第二个问题，但我也想知道BS4是否支持导航栏下拉？

<强>更新另请阅读 Bootstrap 4’s responsive navbars有关导航栏下拉列表和对齐的导航栏项目的信息。有关导航栏下拉菜单的示例，另请参阅https://github.com/bassjobsen/responsive-navbar-dropdowns。