css - 如何在 laravel 8 中安装 Bootstrap

标签 css laravel twitter-bootstrap laravel-8

我可以在网上找到的所有信息都说您应该通过运行 composer require laravel/ui 来安装 Bootstrap 。然后 php artisan ui boostrap .然而,在 Laravel 8 中,laravel/ui已弃用。是否有安装 Bootstrap 的新/更好的方法?

最佳答案

您可以手动安装 Bootstrap 并编译 sass。
首先,使用编译器将其添加到 npm:

npm install bootstrap
npm install sass
npm install sass-loader
其次,创建(如果未创建)resources/sass/app.scss 并添加:
@import '~bootstrap';
三、在webpack.mix.js中添加编译:
mix.sass('resources/sass/app.scss', 'public/css')
然后,用 编译它npm 运行开发 - 你会看到编译后的文件 public/css/app.css
现在您可以在带有 Assets 的模板中使用它:
<link href="{{ asset('css/app.css') }}" rel="stylesheet">

关于css - 如何在 laravel 8 中安装 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68393652/

相关文章:

php - 什么是正确的 laravel 语法

laravel - Laravel 5如何验证路由参数?

javascript - Bootstrap Accordion 在鼠标悬停时显示数据

css - VersionResourceResolver 破坏 CSS 相对 URL

javascript - Google PageSpeed 得分 - 1 渲染阻塞 CSS 文件

javascript - Jquery:点击时使用SetInterval

css - Bootstrap - 关于字体文件(.eot .svg .ttf .woff 和 .woff2)的角色和用法

JQuery/Font Awesome - 星级默认值

php - 如何使用 Laravel 的 block 来避免内存不足?

css - 使用 Bootstrap 我想在较小的设备上将图像缩放到最小高度