Bootstrap4 и navbar без выпадающего - PullRequest
0 голосов
/ 13 февраля 2019

Я инициализирую проект с помощью Symfony4, Bootstrap4 и Webpack.

Я скопировал и вставил код панели навигации из Bootstrap, чтобы проверить его на моем коде:

{% extends 'base.html.twig' %}

{% block body %}
        <nav class="navbar navbar-expand-lg navbar-light bg-light">

            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Link</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Dropdown
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">Action</a>
                    </div>
                </li>

        </div>
    </nav>
{% endblock %}

{% block javascripts %}

{% endblock %}

I 'мы ранее выполняли эти предыдущие команды:

пряжа добавить загрузчик --dev

и

пряжа добавить jquery popper.js --dev

Abd весь мой код расширяет мою базовую раскладку

<head>

    <meta charset="UTF-8">
    <link rel="stylesheet" href="{{ asset("build/app.css") }}"/>
    <title>{% block title %}Welcome!{% endblock %}</title>
    {% block stylesheets %}
    {% endblock %}
</head>
<body>

{% block body %}{% endblock %}


{% block javascripts %}
    <script src="{{ asset("build/app.js") }}"></script>
    <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/4.3.0/js/bootstrap.min.js" integrity="sha384-7aThvCh9TypR7fIc2HV4O/nFMVCBwyIUKL8XCtKE+8xgCgl/PQGuFsvShjr74PBp" crossorigin="anonymous"></script>

{% endblock %}
</body>

Но когда я запускаю свой веб-сайт, раскрывающееся меню не работает .... Ничего плохого в консоли...

Полагаю, я что-то пропустил, но не знаю почему

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...