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

Question

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

你知道如何更改 Bootstrap 3 导航栏上此菜单图标的边距和边距吗？

谢谢

Answer 1

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

查看您的屏幕截图，您似乎只需要将 .navbar-toggle class 的边距从默认的 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;
}