Bootstrap 4 切换按钮(汉堡包)在新 Laravel 7 项目中不起作用
Bootstrap 4 toggle button (hamburger) is not working in fresh Laravel 7 project
我使用 auth 安装了一个新的 laravel 7 项目,并使用 bootstrap studio 创建了一个简单的模板。
将模板集成到 laravel 项目后,一切运行完美,除了切换菜单(汉堡包),它不会展开。
奇怪的是,如果我再次集成 bootstrap 和 jquery cdn,虽然它们默认包含在 app.js 中,但切换菜单有效:
<script src="{{ asset('js/app.js') }}"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
bootstrap 和 jquery 的缩减版本是否包含在 laravel 中,或者这是什么?
默认情况下 Laravel 7 不附带 Bootstrap。您必须专门安装 laravel/ui composer 包,然后安装 bootstrap fontend 脚手架。
1) 安装 laravel/ui 软件包:
composer require laravel/ui
2) 生成 bootstrap 脚手架:
php artisan ui bootstrap
或者,如果您使用 Laravel 身份验证:
php artisan ui bootstrap --auth
3) 完成后不要忘记使用 Laravel mix 编译您的资产:
npm run dev
注意:由于jQuery是Bootstrap4的依赖,会自动安装Bootstrap脚手架并编译你的 js/app.js
文件。
有关 Laravel 前端的更多信息:
我在 github 上发现了问题。它在那里被报告,它似乎是由于 jquery 并且可以通过将 jquery 从版本 3.5.0 降级到 3.4.1 来解决。
我使用 auth 安装了一个新的 laravel 7 项目,并使用 bootstrap studio 创建了一个简单的模板。 将模板集成到 laravel 项目后,一切运行完美,除了切换菜单(汉堡包),它不会展开。
奇怪的是,如果我再次集成 bootstrap 和 jquery cdn,虽然它们默认包含在 app.js 中,但切换菜单有效:
<script src="{{ asset('js/app.js') }}"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
bootstrap 和 jquery 的缩减版本是否包含在 laravel 中,或者这是什么?
Laravel 7 不附带 Bootstrap。您必须专门安装 laravel/ui composer 包,然后安装 bootstrap fontend 脚手架。
1) 安装 laravel/ui 软件包:
composer require laravel/ui
2) 生成 bootstrap 脚手架:
php artisan ui bootstrap
或者,如果您使用 Laravel 身份验证:
php artisan ui bootstrap --auth
3) 完成后不要忘记使用 Laravel mix 编译您的资产:
npm run dev
注意:由于jQuery是Bootstrap4的依赖,会自动安装Bootstrap脚手架并编译你的 js/app.js
文件。
有关 Laravel 前端的更多信息:
我在 github 上发现了问题。它在那里被报告,它似乎是由于 jquery 并且可以通过将 jquery 从版本 3.5.0 降级到 3.4.1 来解决。