Странная ошибка позиционирования с Bootstrap

Question

Вот мой код:

http://www.bootply.com/iWR392T4aU

Если нажать на мобильном зрении/смартфона, он должен выглядеть следующим образом:

Однако, если вы увеличьте окно, чтобы он переместился на рабочий стол, затем быстро измените его размер до мобильного вида, кнопка не в положении:

Я проверил элемент, чтобы попытаться выяснить причину проблемы, но я ничего не мог найти. У него нет разницы, поэтому я понятия не имею, что заставляет его так толкать.

Answer 1

Просто, играя на ботинке, я вижу, что это элемент «i» с классом .contact-3. Он установлен для отображения: none, но в одном из медиа-запросов (строка 111) он установлен для отображения: inline-block. Это увеличивает высоту навигационной панели до 70 пикселей с 50 пикселей.

Добавление

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

в том, что медиа-запрос, казалось, чтобы исправить это.