在折叠模式下垂直居中引导下拉菜单图标

Question

我已将引导程序导航栏的高度和导航栏中的所有其他组件更改为垂直居中到新的导航栏高度。当 url 在移动模式下折叠时，我无法找到菜单图标的 css。

您知道如何更改 Bootstrap 3 导航栏上此菜单图标的填充、边距吗？

谢谢

Answer 1

当我将导航栏高度从默认的 50 像素更改为 70 像素时，我使用了这个 CSS。

查看您的屏幕截图，您似乎只需将 .navbar-toggle 类的边距从默认的 8px 更改为适合您的新导航栏高度的值。

演示：http://www.bootply.com/8gnPRqrILj

.navbar {
    min-height: 70px;
}

.navbar-brand {
    height: 70px;
    line-height: 40px;
}

.navbar-nav > li > a {
    line-height: 40px;
}

.navbar-toggle {
    margin-top: 18px;
    margin-bottom: 18px;
}