@import bootstrap-sass不工作

dzjeubhm  于 2023-06-04  发布在  Bootstrap
关注(0)|答案(2)|浏览(589)

我已经建立了一个新的npm/bower/grunt/sass/compass项目,现在我也在尝试在那里安装bootstrap。然而,对于我的生活,我似乎无法让我的scss文件识别它。我已经让compass和sass正常工作了,但是无论我如何尝试@import bootstrap,我都会得到这个错误:

error sass/style.scss (Line 2: File to import not found or unreadable: bootstrap.
Load paths:
/Applications/MAMP/htdocs/webnamehere2.0/sass
/Library/Ruby/Gems/1.8/gems/compass-0.12.6/frameworks/blueprint/stylesheets
/Library/Ruby/Gems/1.8/gems/compass-0.12.6/frameworks/compass/stylesheets
Compass::SpriteImporter)

我正试图通过鲍尔加载“ Bootstrap ”。这是说我必须走露比的路吗我试过了

@import 'bootstrap'
@import 'bootstrap-sass
@import '../bootstrap'
@import 'bootstrap-sass-official'

并将style.scss文件更改为style. css. scss。
下面是我的项目目录的图像,如果这对任何人有帮助的话:

有人可以请让我知道我如何才能让这个项目看到Bootstrap?

zpgglvta

zpgglvta1#

使用Sass导入Bootstrap的正确语法取决于您使用的版本和包。以下是一些常见的场景:

使用Bootstrap v3和bootstrap-sass包:

@import 'bootstrap-sass/assets/stylesheets/bootstrap';

使用Bootstrap v4或更高版本的bootstrap包:

@import 'bootstrap/scss/bootstrap';

使用相对于您的项目的自定义或本地Bootstrap安装:

@import '../path/to/bootstrap';

确保在项目中安装并配置了适当的Bootstrap包。另外,确保您的Sass文件被正确配置,并由您正在使用的Sass编译器或构建系统处理。

tez616oj

tez616oj2#

来自**@nickg**的回答
当您使用@import bootstrap时,它指的是boostrap.scss文件。
我将该文件移动到我自己的sass文件夹中,然后更改了bootstrap.scss文件中所有文件的路径。
这个youtube video做了很好的解释。

相关问题