在twitter bootstrap导航栏中选择Glyphicon和Select

Question

我正在努力奋斗近一个小时。

我想要使用glyphicon并在twitter bootstrap导航栏中选择。 但是因为我正在设计glyphicon以便它看起来更大（这对我来说很重要）

{
    font-size: 30px;
    cursor: pointer;
    margin: 0 0 0 30px;
}

我的选择位置低于它应该（它不在中心）。此外，如果我调整窗口大小，图标和选择都会下降，但仍有足够的空间。如果我删除一个元素（选择或图标），另一个元素看起来没问题。我尝试使用line-height，margin，padding来解决问题，但没有任何运气。

任何CSS大师都可以告诉我应该如何让它看起来不错？请find my fiddle here。

Answer 1

尝试

.navbar-default select
{
    margin-top: -20px;
}

由于Bootstrap的响应特性，调整大小“问题”正在发生。 You can disable it.