折叠模式下垂直居中的自举下拉菜单图标

Question

我已将导航栏导航高度和导航栏中的所有其他组件更改为垂直居中于新导航栏高度。当网址在移动模式下崩溃时，我无法找到菜单图标的CSS。

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

由于

Answer 1

当我将导航栏高度从默认的50px更改为70px时，我使用了这个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;
}