我在Rails 4项目中使用bootstrap-sass
gem。现在,我想自定义我的应用程序外观。我已经查看了its Github page,Stack Overflow上的其他线程和许多其他网站但找不到答案。
所以我有以下问题:
bootstrap-sass
gem如何运作?我明白它会在我的机器上安装一些东西,但是在什么地方以及在什么位置?
@import "bootstrap";
到底做了什么?我知道它导入CSS样式,但从哪里来?从本地文件夹或从Internet?
假设我准备了自己的bootstrap主题(我更改了sass变量),我希望应用程序使用我的主题而不是默认样式。我该怎么办?
答案 0 :(得分:1)
简单地说,bootstrap-sass实际上将Bootstrap源代码(用一种名为LESS的语言编写)转换为SCSS(两者真的非常相似,但仍然不同)并将其打包成(可以说)易于使用图书馆(宝石)。
@import是一个SASS指令,它导入一个SASS文件(在本例中为“bootstrap”)并使其内容(即CSS / SCSS内容)可用于您的项目。
要修改默认值,您需要覆盖相应的Bootstrap变量。例如,如果你想摆脱Bootstrap的默认圆角,在你的“custom.css.scss”文件中将它添加到@import“bootstrap”之前(它位于“app / assets / stylesheets”中),如下所示:
$border-radius-base: 0;
$border-radius-large: 0;
$border-radius-small: 0;
@import "bootstrap";
您可以在此处找到所有变量及其默认值:http://getbootstrap.com/customize/
请注意,您需要将用于表示LESS中的变量的“@”符号替换为“$”(在SCSS中用于相同的目的)。
我希望这有帮助,祝你好运!