Bootstrap奇怪的定位错误

Question

这是我的代码：

http://www.bootply.com/iWR392T4aU

如果您点击手机/智能手机视图，它应如下所示：

但是，如果您放大窗口以使其进入桌面视图，然后快速将其调整为移动视图，则该按钮位置不正确：

我检查了元素，试图找出问题的原因，但我找不到任何东西。它没有余量，所以我不知道是什么导致它被推下去。

Answer 1

只是在bootply上玩，我可以看到它是带有.contact-3类的“i”元素。这设置为display：none，但在其中一个媒体查询（第111行）中，它设置为display：inline-block。它将导航栏的高度从50px增加到70px。

添加

    i.fa-envelope.contact-3 {
        display: none;
    }

在该媒体查询似乎解决了它。