时间戳

首页 > 解决方案 > 如何在 laravel 5.6 中正确升级引导程序？

composer-php - 如何在 laravel 5.6 中正确升级引导程序？

问题描述

我目前正在使用 laravel 5.6 和旧版本的引导程序。

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

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

也引导响应告诉我

Bootstrap 响应式 v2.3.0

如何将引导程序版本从 2 更新到 4？

标签： composer-phpbootstrap-4laravel-5.6

解决方案

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

卸载引导程序

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 步 — 更新代码参考

在 resources/assets/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) {}

在resources/assets/sass/app.scss替换

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

和

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

在resources/assets/sass/_variable.scss替换

$font-size-base: 14px;

和

$font-size-base: 0.875rem;

第 4 步 - 重新编译资产

跑

npm run dev

现在您已经删除了所有 Bootstrap 3 引用并安装了 Bootstrap 4

推荐阅读