我在首页上使用了两个导航栏切换按钮。
但是这些按钮与使用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;
}
供你参考,
使用浏览器开发工具进行实时编辑以满足对齐要求。