Bootstrap 3导航栏切换高度

【问题标题】：Bootstrap 3 navbar-toggle heightBootstrap 3导航栏切换高度
【发布时间】：2015-01-06 00:57:59
【问题描述】：

我在主页的导航栏中使用了两个导航栏切换按钮。

但这些按钮与使用字形图标不同。

这是捕获图像。

图片链接：https://i.stack.imgur.com/mtqm7.jpg

见图片，右侧，两个导航栏切换按钮的高度彼此不同。

如何将两个导航栏切换按钮更改为相同？

【问题讨论】：

标签： html css twitter-bootstrap navbar

【解决方案1】：

也许你可以根据上面的预览图像覆盖按钮的填充？

与使用inspect元素一样，原来的默认样式是

.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
min-height: 33px;
}

那么你也许可以创建一些具有更高优先级的 CSS 来覆盖默认样式

//内联样式, !important 随你喜欢。

.navbar-toggle {
    padding-top:12px;  
    padding-bottom:12px;
}

供您参考，
使用您的浏览器开发工具进行实时编辑以满足您的对齐要求。

【讨论】：