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

Question

我已经在此处粘贴了所有相关的 html/css：http://www.bootply.com/6YQGagMczD

我的问题是，在响应模式下，打开导航菜单的按钮似乎没有与居中的导航菜单项正确对齐。它看起来有几个像素的偏差。

Answer 1

菜单上有 padding-left 个 5 像素，但菜单图标本身没有边距。

您缺少的是：

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

我创建了一个新的 Fiddle 来展示这个 here。

编辑

在您的新 fiddle 中，错位是因为 .navbar-toggle（由 Bootstrap 创建）的默认 margin-right 为 15 像素。您需要通过将其重置为 0 来覆盖它，例如：

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

这是一个新的fiddle。

希望对您有所帮助:)