@import bootstrap-sass 不工作
Posted
技术标签:
【中文标题】@import bootstrap-sass 不工作【英文标题】：@import bootstrap-sass not working 【发布时间】：2014-09-03 20:26:09 【问题描述】：我已经建立了一个新的 npm/bower/grunt/sass/compass 项目，现在我也在尝试在其中启动引导程序。不过，对于我的生活，我似乎无法让我的 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-sass”。这是说我必须走红宝石的路吗？我试过了：
@import 'bootstrap'
@import 'bootstrap-sass
@import '../bootstrap'
@import 'bootstrap-sass-official'
并将 style.scss 文件更改为 style.css.scss。
这是我的项目目录的图像，如果对任何人有任何帮助：
有人可以告诉我如何让这个项目看到 Bootstrap 吗？
【问题讨论】：
好的，我解决了我的问题，以防其他人遇到它。当您使用“@import bootstrap”时，它指的是 boostrap.scss 文件。我将该文件移动到我自己的“sass”文件夹中，然后更改了“bootstrap.scss”文件中所有文件的路径。这个 youtube 视频很好地解释了。 youtube.com/watch?v=34yWSY0qnVY 您应该使用像../bower_components/bootstrap/more_folders/file.sass 这样的相对路径。 bower 安装的软件包应按原样使用并单独使用，以便将来可以继续由 bower 管理（更新/安装/修剪/等）。
请将您的评论作为答案发表并标记为已完成。
【参考方案1】：
@nickg的回答
当您使用@import bootstrap 时，它指的是boostrap.scss 文件。
我将该文件移动到我自己的sass 文件夹中，然后更改了bootstrap.scss 文件中所有文件的路径。
这个 youtube video 解释得很好。
【讨论】：
以上是关于@import bootstrap-sass 不工作的主要内容，如果未能解决你的问题，请参考以下文章