如何在laravel 5.6中正确升级bootstrap？

Question

我目前正在使用laravel 5.6和旧版本的bootstrap。

在bootstrap.min.css中我有这一行：

  

/ ！ Bootstrap v2.3.0 **版权所有2012 Twitter，Inc *

也是引导响应告诉我

  

Bootstrap Responsive v2.3.0

如何将bootstrap版本从2更新为4？

Answer 1

第1步-删除现有的引导程序

卸载Bootstrap

npm uninstall --save-dev bootstrap-sass

第2步-安装Bootstrap 4

安装Bootstrap 4 beta和popperjs

npm install --save-dev bootstrap@^4.0.0-beta.2 popper.js

第3步-更新代码引用

在资源/资产/js/bootstrap.js中替换

try {
    window.$ = window.jQuery = require('jquery');
    require('bootstrap-sass');
} catch (e) {}

使用

try {
    window.$ = window.jQuery = require('jquery');
    window.Popper = require('popper.js').default;
    require('bootstrap');
} catch (e) {}

在资源/资产/sass/app.scss 中替换

@import “~bootstrap-sass/assets/stylesheets/bootstrap”

使用

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

在资源/资产/ass/_variable.scss 中替换

$font-size-base: 14px;

使用

$font-size-base: 0.875rem;

第4步-重新编译资产

运行

npm run dev

现在，您已删除所有Bootstrap 3参考并安装了Bootstrap 4