运行 推特 Bootstrap 和 Sass

running twitter Bootstrap with Sass

我打算使用 Twitter bootstrap-sass 源代码来构建我的 Web 应用程序。我已经从 getBootstrap.com 网站下载了 Sass 源代码。下载代码后,当我从代码库中 运行 $ bower install bootstrap-sass 命令时。它创建了一个名为 bower_components 的目录,其中包含 bootstrap-sass 和 jquery 目录。

我的问题是我的设置是否正确?还有下一步是什么。我想自定义 .scss 文件来生成样式表。不对的地方请指点或适当的参考发扬。

虽然我建议您使用 --save.

安装 bootstrap-sass,但您做对了
$ bower install bootstrap-sass --save

如果您有兴趣将 gulp 与您的应用程序一起使用,那么以下网页可能是一个很好的参考

http://ericlbarnes.com/setting-gulp-bower-bootstrap-sass-fontawesome/

如果你想在没有 gulp 的情况下继续,我建议你使用

sass --force --update <source_directory>:<target_directory>

源目录是放置您的 sass 文件的父 sass 目录,目标目录是编译和放置所有生成的 css 文件的最终目录.因此,例如,如果你想编译 sass 文件 app/sass/abc.scss 并且你的目标目录是 public/assets,请使用上面的代码:

sass --force --update app/sass:public/assets.

这将在 public/assets 文件夹中生成两个名为 abc.cssabc.map 的文件,您可以在您的网页中 link 它们。