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

fafcakar  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(1)|浏览(192)

我已经更改了引导程序导航栏的高度和我的导航栏中的所有其他组件,使其垂直居中到新的导航栏高度。当url在移动的模式下折叠时,我很难找到菜单图标的css。
你知道我如何改变Bootstrap 3导航栏上这个菜单图标的填充和边距吗?
谢谢

d5vmydt9

d5vmydt91#

当我将导航栏高度从默认的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;
}

相关问题