如何在Bootstrap SASS中使用.scss文件?

时间:2017-01-18 14:54:52

标签: twitter-bootstrap-3

我的网站设计有style.scss个文件。当包括css/bootstrap.css(来自bootstrap-3.3.7-dist)和编译的style.css时,网站看起来像预期的那样。

但是当把style.scss文件的内容放在Bootstrap的Drupal SASS starterkit的_default-variables.scss中并且包括编译的style.css(大约大十倍,显然包括引导代码)时网站在一些细节(按钮,一个间距,......)看起来不同。

使用Bootstrap SASS的style.scss的正确方法是什么?

非常感谢!

亲切的问候, 迈克尔

2 个答案:

答案 0 :(得分:0)

style.scss编译为style.css,从而覆盖以前的style.css。

对style.css的任何必要更改都应该在style.scss中完成,并重新编译为style.css。

简单地说,只有在需要向style.css文件添加更新时才应使用style.scss。它将包含style.css中的所有内容,只是以更易读的格式。没有必要在Drupal上添加链接。

如果这一点足够清楚,请告诉我。

答案 1 :(得分:0)

解决方案不是将scss文件的内容放在_default-variables.scss中,而是导入scss/styles.scss 中的文件。