如何使用bootstrap 4(sass)正确设置laravel

问题描述 投票:3回答:1

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

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

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

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

twitter-bootstrap laravel
1个回答
2
投票

这是我如何做到的

首先,摆脱你将不再使用的东西

yarn remove bootstrap-sass

然后安装你需要的东西

yarn add [email protected] 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 devyarn run watch并看到更改生效。

© www.soinside.com 2019 - 2024. All rights reserved.