html - Bootstrap 3 导航栏切换高度

Question

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

但是这些按钮与使用 glyphicon 图标不同。

这是截图。

图片链接:/image/mtqm7.jpg

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

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

Answer 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 来覆盖默认样式

//inline style , !important as you like.

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

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