Twitter bootstrap 如何在Laravel 5.4中使用bootstrap 4？

我在我的laravel应用程序上使用npm安装了bootstrap 4。但我认为bootstrap 3在后面工作，而不是bootstrap 4。
使用命令：

npm安装

npm安装bootstrap@4.0.0-阿尔法6 我有什么事要做吗？

---

或者我需要手动将引导导入assets/sass/app.scss文件还是其他文件？
您必须手动更改从

resources/assets/sass/app.scss

到引导的链接。你会看到这条线

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap"; 

取代

@import "node_modules/bootstrap/scss/bootstrap"; 

---

使用新的或空的Laravel项目进行流动
• 从

  package.json

  中删除引导项，并将其替换为

  “引导”：“4.0.0-alpha.6”

• 在

  resources/assets/sass/app.scss

  中，

  注释

  输出

  变量的
  导入

• 将引导路径更改为

  @import“node_modules/bootstrap/scss/bootstrap.scss”

• 在

  resources/assets/js/bootstrap.js

  中，查找

  require（'bootsrap-sass'）并将其更改为
  require（'bootstrap'）
  

• 通过编辑

  webpack.mix.js

  引入

  javascript

JavaScript

mix.js([
    'node_modules/jquery/dist/jquery.min.js',
    'node_modules/bootstrap/dist/js/bootstrap.js',
    'resources/assets/js/app.js'], 'public/js');
mix.sass('resources/assets/sass/app.scss', 'public/css')
    .sass('resources/assets/sass/admin.scss', 'public/css/admin'); /* If you want to make admin css file. */

• 运行

  $npm安装
  

• 检查

  node\u modules

  文件夹中的

  bootstrap

  和

  jquery

  是否正确安装。如果未安装，则手动安装

• 对于bootstrap4

  $npm安装bootstrap@4.0.0-alpha.6

• 对于jquery

  $npm安装jquery

如果一切顺利，您应该能够运行

npm-run-dev

注意：如果您需要

tether.js

，请使用

cdn

或手动安装。因为

bootstrap@4
工具提示所需的
tether.js

您需要注释掉
@import“变量”来自
resources/assets/sass/app.scss的行

导入指令被调用两次，一次在
app.scss
中，然后在安装目录的bootstrap.scss文件中调用

2.npm安装bootstrap@4.0.0-阿尔法6

3.将“resources/assets/sass/app.scss”中的引导路径更改为@import“node_modules/bootstrap/scss/bootstrap.scss”

4.更改$font size base:14px；从variable.scss到$font size base:0.875 rem

5.在resources/assets/js/bootstrap.js中，查找require（'bootsrap-sass'）；并将其更改为require（“引导”）

运行npm安装并运行npm开发
bootstrap 4（在app.css中查看）将安装到您的laravel 5.4或更低版本，
由于laravel 5.4或更低版本使用的是bootstrap版本3.4.1，因此所有默认样式都将更改，内置的laravel UI也将更改。
它应该位于
公用文件夹中的某个位置。然后像往常一样在html中包含它，但现在bladeI中的某个地方实际上不理解您。但是从assets目录编译的资产和那些导入bootstrap 3的js和css文件，我认为这就是问题所在。@unreleased您更新了资产中引导的路径了吗？例如，在您的SCS中。先前尝试了
@import“node_modules/bootstrap/SCS”并出现一些错误。现在问题解决了。谢谢：）@unrelease，您可能还需要加载bootstrap4的脚本，如果需要，请更改
require（bootstrap sass'）带有
要求（'bootstrap'）resources/assets/js/bootstrap.js中的code>也
npm install popper.js
不需要编辑webpack.mix.js，因为app.js需要bootstrap.js，而bootstrap.js需要jQuery和bootstrap。