Bootstrap 下拉菜单不适用于 Symfony 4 中的 require bootstrap sass答案

【问题标题】：Bootstrap dropdown doesn't work with require bootstrap sass in Symfony 4Bootstrap 下拉菜单不适用于 Symfony 4 中的 require bootstrap sass
【发布时间】：2026-01-22 19:25:01
【问题描述】：

在 JS 文件 (test.js) 中需要引导 sass 时，我遇到了引导下拉菜单的问题：

require('bootstrap-sass');

这是我写的模板：

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

{% block title %}{{ parent() }} | test{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block body %}

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('build/js/test.js') }}"></script>
{% endblock %}

这里是 Bootstrap 下拉菜单，它是父模板中整个导航栏的一部分：

        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Languages <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu">
                <li><a href="#">Deutsch</a></li>
                <li><a href="/en">English</a></li>
                <li><a href="/fr">Français</a></li>
            </ul>
        </li>

下拉菜单不适用于 bootstrap sass，否则效果很好。感谢您的帮助。

【问题讨论】：

你的@import语句是什么，test.js中的代码是什么？
也许你需要额外的@import
目前只有require('bootstrap-sass');..

标签： javascript twitter-bootstrap symfony dropdown

【解决方案1】：

问题可能是您使用的是Bootstrap 3。

您需要引导程序 3 而不是 4！ Bootstrap-sass 引用 Bootstrap 3 (https://yarnpkg.com/en/package/bootstrap-sass)

要要求Bootstrap 4（截至撰写本文时，当前版本为：v4.1.3）必须运行命令yarn add bootstrap (https://yarnpkg.com/en/package/bootstrap)

【讨论】：