html - 如何在 Laravel 5.5 中切换到 Bootstrap 4

标签 html css bootstrap-4 laravel-5.5

我想在 laravel 5.5 中切换到 bootstrap 4 ,

i've run it before :

composer require laravelnews/laravel-twbs4

但是我的“auth view”显示得很糟糕,所以我运行了:

php artisan preset bootstrap4-auth

但我的 auth View 中的 View 仍然不好。 我该如何解决这个问题?

最佳答案

请按照以下步骤在 Laravel 5.5 中安装 bootstrap 4

要使用在撰写本文时处于测试阶段的 Bootstrap 4 (BS4),您需要执行以下步骤:

  • 运行npm install <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b1d3dedec5c2c5c3d0c1f1859f819f819cd3d4c5d0" rel="noreferrer noopener nofollow">[email protected]</a> --save-dev安装/覆盖到最新版本

  • 更改 require('bootstrap-sass')require('bootstrap')在你的bootstrap.js文件

  • 更改

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

    @import "~bootstrap/scss/bootstrap";
    

    在您的 app.scss 文件中。另外,请确保删除对变量的引用,因为这些变量不适用于 BS4

  • 在命令行中运行 npm run dev 生成 .css 和 .js 文件

请注意,脚手架身份验证模板将因 BS4 中的新类名而中断,或者您可以按照此 link 进行操作。

关于html - 如何在 Laravel 5.5 中切换到 Bootstrap 4,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47879874/

相关文章:

html - 渐变叠加在文本上

javascript - OpenLayers4 : How to give icon a bigger click radius

javascript - 使用 Webpack 时无法将 CSS 链接到 JSX

html - CSS - 位置固定改变元素的宽度

html - 如何修复 Bootstrap 不透明度?

html - Bootstrap 选择图标空间

html - 如何在 Zurb Foundation 中为专栏背景出血?

html - 为什么我不能在这个页面上设置第二行第一列的宽度?

javascript - 让 HTML5 canvas 中的重力作用两次

具有底部边距的 CSS 自动水平边距