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

【问题标题】：Navbar collapse button and navbar links don't align properly导航栏折叠按钮和导航栏链接未正确对齐
【发布时间】：2017-01-26 04:30:29
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

你缺少的是：

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

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

编辑

在您的新小提琴中，未对齐来自.navbar-toggle（由 Bootstrap 创建）具有 15 像素的默认边距。您需要通过将其重置为 0 来覆盖它，如下所示：

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

这是一个新的fiddle。

希望这会有所帮助:)

【讨论】：