2

Twitter Bootstrap是 Twitter 基于 LESS 的一个很酷的样式表工具包。我不使用 LESS，但我使用的是twitter-bootstrap-rails gem，它似乎一切正常。但是我无法弄清楚如何更改 CSS 中的颜色，尤其是链接颜色。

我的进一步研究似乎指出，gem 只提供了一个带有固定颜色声明的预渲染 CSS 文件，而不是可以在一个地方更改的变量。我希望能够通过更改变量来更改颜色$linkColor = #00ff00

有没有人知道如何在不使用 LESS 的情况下在整个 UI 中有效地进行颜色更改？

我想避免使用 LESS，因为 Rails 3.1 已经使用 SASS，但是如果这里有人认为两者都使用没有什么大不了的，我愿意接受建议。

任何帮助或建议将不胜感激

4

3 回答 3

3

我写了一个相当流行的 Bootstrap 到 SASS 1 , 2的转换，如果您使用自定义帮助程序清单，而不是 gem 中包含的那个，它允许您定义自己的变量。

例如，在头部application.css.scss：

@import "bootstrap/reset";
@import "bootstrap/variables";

// overwrite variables here

@import "bootstrap/mixins";

@import "bootstrap/scaffolding";

@import "bootstrap/type";
@import "bootstrap/forms";
@import "bootstrap/tables";
@import "bootstrap/patterns";

// rest of your manifest

您可以在导入其余引导文件之前覆盖支持的变量，这些变量也可以通过您的 SCSS 的其余部分访问。

于 2011-11-06T21:51:00.523 回答
2

我找到了一个很好的折衷方案：我将 .less 源代码保存在一个文件夹下，并且我有一个保护命令可以将其编译为 css 直接到供应商/资产。

这让我可以在一个额外的 .less 中使用更少的 mixins（即：添加新颜色），并将应用程序的其余部分保留在 scss 中。

我这样做是因为我真的想直接依赖于 twitter boostrap 源，而不是依赖于稍后可能会落后的 scss 改编。

如果您需要更多详细信息，请与我联系，我计划在此发表一篇博文。

于 2011-11-03T22:01:56.523 回答
0

我找到了两个独立的 SCSS 版本的引导文件。两者（在 preboot.scss 文件中）都允许您只更改链接颜色等变量。

现在，如何将它们集成到您自己的应用程序中，我不确定。但是，如果您想避免 LESS，似乎可以使用 SCSS 来完成。

于 2011-10-05T00:09:55.833 回答