twitter-bootstrap - @import bootstrap-sass 不工作

Question

我已经建立了一个新的 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)

我正在尝试通过 bower 加载“bootstrap-sass”。这是说我必须走 ruby 的路吗？我试过了:

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

并将 style.scss 文件更改为 style.css.scss。

这是我的项目目录的图像，如果这对任何人有任何帮助:



有人可以告诉我如何让这个项目看到 Bootstrap 吗？

Answer 1

来自 的回答@尼克

当您使用 @import bootstrap , 它指的是 boostrap.scss文件。

我把那个文件移到我自己的sass文件夹，然后更改bootstrap.scss中所有文件的路径文件。

这个youtube video解释得很好。