Bootstrap - Невозможно щелкнуть выпадающие дочерние пункты меню на мобильных устройствах и сначала не запускать навигационный крах

У меня возникли проблемы с раскрывающимися меню на мобильных устройствах. В частности:

  • Мой первый крафт не отображается при первом нажатии кнопки btn-navbar, но только на iPhone.
  • Пока я могу переключать выпадающие списки, я не могу нажимать на какие-либо элементы выпадающего меню на мобильных устройствах.

Моя страница действительна для W3 Validator, и я добавил на мой навигатор классы .nav-collapse и .collapse. Плюс все отлично работает при изменении размера окна браузера на моем ноутбуке.

Вы можете увидеть живую веб-страницу здесь: http://hartmandashboard.com/

Кто-нибудь видел эту проблему раньше? Кто-нибудь может предложить потенциальное решение? Я был бы признателен за любую помощь.

Спасибо

Ответы

Ответ 1

Да, я видел это раньше, и я видел, что проблема связана с github. Я не помню точно, где я нашел это, но какой-то парень говорил, что это проблема с настройкой этих элементов на position: absolute;, и что re, устанавливающий их в static, исправит это.

Итак, почему бы вам не пойти дальше и попробовать это на своем пользовательском CSS:

CSS

.dropdown-backdrop {
  position: static;
}

Сообщите мне, если мы на одной странице, и это решило вашу проблему.