我在首页上使用了两个导航栏切换按钮。

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

这是捕获图像。

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

如图所示,右上方,两个导航栏切换按钮的高度彼此不同。

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

最佳答案

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

与使用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;
}


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

09-07 22:41