Glyphicon 和 Select 在 Twitter 引导导航栏中

Question

我为此苦苦挣扎了将近一个小时。

我想拥有字形图标并在推特引导导航栏中选择。但是因为我正在设计字形图标，以便它看起来更大（这对我来说很重要）

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

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

任何CSS大师都可以告诉我如何让它看起来不错吗？请在这里找到我的小提琴。

Answer 1

尝试

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

调整大小"问题"是由于 Bootstrap 的响应功能而发生的。您可以禁用它。