首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在Heroku上将bootstrap-sass bootstrap CSS投入生产

在Heroku上将bootstrap-sass bootstrap CSS投入生产
EN

Stack Overflow用户
提问于 2012-06-19 07:53:02
回答 2查看 4.3K关注 0票数 0

我正在使用bootstrap-sass gem和我的rails (3.2.5)应用程序,并且在我本地的开发环境中运行得很好。但是,当我在Heroku上部署prod时,引导CSS并没有包含在编译后的资源中。

我在Gemfile中添加了bootstrap-sass和sass-rails:

代码语言:javascript
复制
gem 'bootstrap-sass', '2.0.3.1'

group :assets do
  gem 'sass-rails',   '3.2.4'
end

我在我的assets目录中的custom.css文件中添加了一个用于引导的导入:

代码语言:javascript
复制
@import "bootstrap";

基本的东西。你知道为什么这个在Prod中不起作用吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-06-19 16:03:50

您必须在app/assets/stylesheets中添加一个包含以下内容的bootstrap_and_overrides.css.scss文件:

代码语言:javascript
复制
// Set the correct sprite paths
$iconSpritePath: asset-url('glyphicons-halflings.png', image);
$iconWhiteSpritePath: asset-url("glyphicons-halflings-white.png", image);

@import "bootstrap";
@import "bootstrap-responsive";

此外,您还必须在application.js中添加

代码语言:javascript
复制
//= require bootstrap 

致以问候!

票数 2
EN

Stack Overflow用户

发布于 2013-09-25 02:10:45

我遇到了完全相同的问题。以下是我用来解决这个问题的步骤:

  1. 在“*= require_tree”的正上方添加“*=需要引导”。在application.css中。然后我做了“捆绑安装--没有production"
  2. Then我运行了"rake assets:precompile"
  3. Then我做了git添加。
  4. 然后我提交了git提交-m heroku主推送更改到生产"git推送heroku assets:precompile”
  5. Then“
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11092664

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档