Bootstrap 4切换按钮(汉堡包)在新的Laravel 7项目中不起作用

问题描述 投票:0回答:2

我使用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>

laravel可能包含bootstrap和jquery的简化版本,或者这可能是什么吗?

laravel bootstrap-4 hamburger-menu
2个回答
0
投票

Laravel 7默认不随附Bootstrap。您必须专门安装laravel / ui composer软件包,然后安装bootstrap fontend脚手架。

1)安装laravel / ui软件包:

composer require laravel/ui

2)生成引导脚手架:

php artisan ui bootstrap

或者,如果您使用Laravel身份验证:

php artisan ui bootstrap --auth

3)完成后,请不要忘记使用Laravel mix来编译资产:

npm run dev

注意:由于jQuery是Bootstrap 4的依赖项,它将与Bootstrap脚手架一起自动安装并编译到您的js/app.js文件中。

有关Laravel前端的更多信息:


0
投票

我在github上发现了问题。据报道,这似乎是由于jquery造成的,可以通过将jquery从3.5.0降级到3.4.1。来解决。

https://github.com/laravel/ui/issues/91

© www.soinside.com 2019 - 2024. All rights reserved.