bootstrap 3 navbar-toggle height

时间:2014-11-09 18:25:51

标签: html css twitter-bootstrap navbar

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

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

这是拍摄图像。

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

见图像,右上方,两个导航栏切换按钮高度彼此不同。

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

1 个答案:

答案 0 :(得分:1)

enter image description here

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

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

//内联样式,重要的是你喜欢的。

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

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