导航栏折叠按钮和导航栏链接无法正确对齐

Question

我在这里粘贴了所有相关的html / css：http://www.bootply.com/6YQGagMczD

我的问题是，在响应模式下，打开导航菜单的按钮似乎与中心的导航菜单项无法正确对齐。它似乎是几个像素。

Answer 1

菜单上有5个像素的左边距，但菜单图标本身没有边距。

你缺少的是：

.navbar-toggle {
  margin-left: 5px;
}

我创建了一个新的小提琴，展示了这个here。

修改

在你的新小提琴中，错位来自.navbar-toggle（由Bootstrap创建）的默认边距为15px的事实。您需要通过将其重置为0来覆盖它，如下所示：

.navbar-toggle {
  margin-right: 0;
}

这是一个新的fiddle。

希望这会有所帮助：）