0

我有一个非常基本的 Ruby on Rails 安装。我已经安装了bootstrap-sassgem，'bootstrap-sass' ~> 2.3.1.0在我的 Gemfile 中运行了bundle install. 重新启动所有应用程序。我style.css.scss在 app > assets > stylesheets 中有一个文件，它@imports 'bootstrap';还有响应式。这些样式实际上被拉入我的应用程序，因为它们为前端设置样式。但是，当我尝试使用变量或 mixin 时，我在附加的图像中收到错误，并且 IntelliJ 告诉我它找不到变量。我在整个过程中都是新手，所以我只是想了解解决它需要什么。

我正在使用 Ruby 2.0.0 和 Rails 3.2.13rc2

https://docs.google.com/file/d/0BwMz3RH42HtQb0U1TXdHTVF0QjQ/edit?usp=sharing

@import "bootstrap";

body {
  padding-top: 60px;
}

@import 'bootstrap-responsive';

.footer {
  margin-top: 50px;
  color: $greyLight;

    a {
      color: #e5e5e5;
    }
}

这是heruko上实时开发站点的链接，不使用变量：

http://shrouded-ocean-4277.herokuapp.com/

编辑：在我的 vendor/assets/stylesheets 文件夹中，没有引导文件夹或 _mixins 或 _variables 文件。当我将 gem 放入 Gemfile 并进行捆绑安装时，是否应该安装这些？

编辑：添加我的 github：https ://github.com/ChrisSki/omrails

4

2 回答 2

1

关于您的编辑，bootstrap不会在.gem 文件中vendor，而是在 .gem 文件中，该文件位于 Ruby 安装中的某个位置。

我最近按照本指南设置了一个类似的应用程序。我有 2 个.css.scss文件，一个包含并覆盖部分 bootstrap，另一个包含我的应用程序样式（与 Bootstrap 没有直接关系）。如果您查看第二个文件，您会看到我导入了bootstrap/variables，因为我需要访问 Bootstrap 的一些变量，它就像一个魅力。

我不明白的是为什么您的原始屏幕截图抱怨名为 的东西variables，我在您的 SCSS 文件中看不到...您是否尝试过bootstrap/variables？

编辑：

我刚刚克隆了您的存储库，启动了服务器并破解了style.css.scss. 我认为你在测试中打错了:)

h1 {
    color: $greyLight; /* Does not work!! */
    color: $grayLight; /* Works :) */
}
于 2013-03-21T09:03:54.523 回答
0

您应该在导入引导程序之前声明您的变量，然后您可以在您的 scss 中使用这些变量。例如，这是我在 Rails 应用程序中使用变量的方式：

/************************ CSS Variables ***************************/
$myColor: #0F851C;    

/************************ Import Bootstrap ********************************/
@import 'bootstrap';
body { padding-top: 80px; }
@import 'bootstrap-responsive';

只需在 scss 顶部定义变量，然后导入 bootstrap。然后在你的 scss 中，你可以像这样使用这些变量：

#myDiv {
  color: $myColor;
}

希望这可以帮助！

于 2013-03-21T01:49:01.603 回答