用Sass运行twitter Bootstrap

时间:2015-04-28 10:06:32

标签: twitter-bootstrap twitter-bootstrap-3 bootstrap-sass

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

我的问题是我正确地进行了设置吗?还有下一步是什么。我想自定义.scss文件以生成样式表。如果我出错了或者提出适当的参考,请指出我。

1 个答案:

答案 0 :(得分:2)

虽然我建议你使用--save安装bootstrap-sass,但你正确地做到了。

$ bower install bootstrap-sass --save

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

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

如果你想在没有吞咽的情况下继续前进,我建议你使用

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

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

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

这会在abc.css文件夹中生成两个名为abc.mappublic/assets的文件,您可以将它们链接到您的网页中。