панель навигации boostrap 3.3.6 не работает

не могу найти причину, почему, когда я не могу использовать кнопку, когда я уменьшаю размер своего веб-браузера?

пробовал искать в инете, но решения не нашел

<nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button class="navbar-toggler  navbar-toggler-right" type="button" aria-controls="#ex1" aria-expanded="false" aria-label="Toggle navigation" data-toggle="collapse" data-target="ex1">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">לוגו</a>
                </div>

                <div class="collapse navbar-collapse" id="ex1">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a class="nav-link" href="#">דף הבית</a></li>
                        <li class="nav-item"><a class="nav-link" href="#">Link</a></li>
                        <li class="nav-item"><a class="nav-link" href="#">Link</a></li>
                        <li class="nav-item"><a class="nav-link" href="#">Link</a></li>
                        <li class="nav-item"><a class="nav-link" href="#">Link</a></li>
                    </ul>
                </div>
            </div>
        </nav>

person gabi939    schedule 09.01.2018    source источник


Ответы (3)


Для начала нужно убедиться, что все файлы правильно подключены. Если все файлы в порядке, попробуйте использовать уценку из этого ответа. .

person Alexander Z    schedule 09.01.2018

Скорее всего, вы не добавили jQuery перед добавлением JS-файла начальной загрузки. Код Bootstrap js зависит от jQuery, поэтому необходимо добавить jQuery, за которым следует файл js начальной загрузки (скорее всего, bootstrap.min.js)

person Parthipan Natkunam    schedule 09.01.2018

Убедитесь, что вы добавили эти три скрипта именно в таком порядке:

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

Это jQuery, чем popper.js, чем bootstrap.min.js. Важно, чтобы вы сначала загружали jQuery, а bootstrap.min.js — в конце, а popper.js — между ними.

person Holger Koenemann    schedule 14.02.2020