【问题标题】:Twitter bootstrap custom.css.scss not workingTwitter bootstrap custom.css.scss 不工作
【发布时间】:2012-05-03 06:33:34
【问题描述】:

我正在尝试遵循这个 twitter 引导教程,但遇到了一个小问题

http://ruby.railstutorial.org/chapters/filling-in-the-layout#sec:custom_css

很明显,正在导入引导程序(按钮已设置样式,出现导航栏。但是,我在 custom.css.scss 中所做的更改并未反映在我的布局中。具体来说,我添加了

body {
  padding-top: 60px;
}

尝试使我的导航栏不会遮挡我的页面内容的顶部。不过这并没有做任何事情。真的不知道最好在此处发布用于调试目的的代码,但这里是 application.css

*= require_self
*= require_tree .

我已经包含了

@import "bootstrap";

custom.css.scss 的开头。

我在这里有什么明显的遗漏吗?感谢您的帮助。

【问题讨论】:

  • 当我将我的应用推送到 Heroku 时,一切正常。不知道能不能提供线索? development.rb 有问题?
  • 我认为它适用于 Heroku,因为 Heroku 预编译了资产。尝试rake assets:clean。如果失败,试试这样:railsapps.github.com/twitter-bootstrap-rails.html
  • 在下面查看我的评论...运行rake assets:clean 对我不起作用...帮助!?
  • 所以我遇到了同样的问题,但我注意到,当我第一次创建 custom.css.scss 时 - 创建的文件自动将 .txt 添加到扩展名中,但我在视频中看到他的文件没有.txt 扩展名,所以我认为这可能是问题所在。所以我想如果我只是通过删除 .txt 来重命名文件,它可能会起作用,但它没有。所以我所做的只是删除整个文件,然后重新创建它,但这次确保它最初没有那个 .txt 扩展名。这解决了我的问题:)

标签: ruby-on-rails twitter-bootstrap


【解决方案1】:

谢谢你,米哈伊尔 D!

rake assets:clean

成功了。

【讨论】:

  • 我试过这个,但没有用。如果我将样式放入 application.css.scss 而不是 custom.css.scss 它确实有效。还有其他想法吗?
  • 尝试将 config.serve_static_assets = false 添加到您的 enviroments/development.rb 如果这不起作用,并且您从名为 bootstrap_and_overrides.css.scss 的文件加载引导程序,请尝试从 application.css.scss 删除行 @import "bootstrap"; 如果它也包含在其中。
【解决方案2】:

这听起来很奇怪,但我做了 rake assets:clean 然后我只是将文件命名为 test.css.scss 并且它起作用了!当我尝试重命名为 custom.css.scss 时,它失败了。我不是 Ruby 专家,但这解决了我的问题。

【讨论】:

    【解决方案3】:

    这也取决于 ruby​​ 版本。如果您使用的是 v.2,请尝试降级到 v.1.9。如果您使用的是 rvm,这很容易:

    要安装 v.1.9.3,请使用:

    $ rvm install 1.9.3
    

    默认使用 v.1.9.3:

    $ rvm --default use 1.9.3
    

    然后

    • 重启终端
    • 安装bundlergem
    • 运行bundle install
    • 运行rake assets:clean RAILS_ENV=development
    • 启动你的服务器rails s

    就是这样。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-03-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-23
      相关资源
      最近更新 更多