Bootsrap Navbar быстро переключается в мобильной версии - PullRequest
Новая
       132

Bootsrap Navbar быстро переключается в мобильной версии

0 голосов
/ 18 июня 2020

Моя bootstrap панель навигации слишком быстро переключается в мобильном представлении . Я хочу, чтобы он переключался, то есть отображал и скрывал ссылки при нажатии кнопки переключения гамбургера. Первоначально я думал, что это из-за поля на теле или моих div, но моя проблема все еще сохраняется. Я не могу понять, что вызывает эту проблему. Есть ли способ добиться этого с помощью bootstrap. Вызывает ли эта проблема какой-то стиль (маржа и c.), Или это нужно будет сделать с помощью специальной функции javascript для переключения ссылок с помощью события нажатия кнопки? Спасибо.

1 Ответ

1 голос
/ 18 июня 2020

Используемая вами версия bootstrap CSS - это версия 4.3.1, а bootstrap JS - это версия 3.3.7. Обновите JS до совместимой версии, и она будет работать должным образом. Вы должны поместить путь к сценарию CSS перед путем к сценарию JS. 

<!--   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"> </script> -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

К вашему сведению, последняя версия bootstrap - ver4.5.0. Вы можете выполнить обновление до следующей версии. 

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
...