Question

我对使用带有sass和laravel的bootstrap 4的正确方法有疑问？它等于只是下载源文件并将它们放在公共文件夹中或者最好使用npm？

对于每种情况，使用laravel配置引导程序的正确过程是什么？

对于刚刚下载源文件的情况，我们可以在/ public / css /中创建一个bootstrap文件夹，并在那里粘贴源文件夹中的sass文件？但那么如何在html文件中导入css？

对于使用npm的情况，你知道一些有用的教程吗？看来有很多方法，但有一些推荐的过程可行吗？我在项目文件夹npm install bootstrap@4.0.0-beta.2上使用该命令，然后更改bootstrap.js＆＃34; bootstrap-sass＆＃34; to＆＃34; bootstrap＆＃34;然后在app.scss中我将第3个导入更改为＆＃34; @import "node_modules/bootstrap/scss/bootstrap＆＃34;。我不知道这个过程是否正确，但如果是，现在要编辑布局，我们应该在node_modules内的bootstrap文件夹中执行bootstrap css文件？或者我们应该将该引导文件夹复制到公共文件夹或什么？

Answer 1

我是这样做的

首先，摆脱不再使用的东西

yarn remove bootstrap-sass

然后安装你需要的东西

yarn add bootstrap@4.0.0-beta.3 popper.js

现在打开 resources / assets / bootstrap.js （与我们谈论的Bootstrap无关）

寻找

require('bootstrap-sass');

替换

window.Popper = require('popper.js');
require('bootstrap');

然后转到 resources / assets / sass / app.scss

寻找

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

将其替换为

@import "~bootstrap/dist/css/bootstrap";

就是这样！

您应该能够运行yarn run dev或yarn run watch并看到更改生效。

如何使用bootstrap 4（sass）正确设置laravel

1 个答案: