Ruby on rails Rails 3.2引导sass未安装

Ruby on rails Rails 3.2引导sass未安装,ruby-on-rails,twitter-bootstrap,ruby-on-rails-3.2,sass,bootstrap-sass,Ruby On Rails,Twitter Bootstrap,Ruby On Rails 3.2,Sass,Bootstrap Sass,我试图在我的Rails 3.2应用程序上安装引导sass gem,但在调用compass install bootstrap时遇到此错误: 没有这样的框架:“引导” 我已将gem安装在我的gem文件中: gem 'compass', '~> 0.12.2' group :assets do ... gem 'sass-rails', '~> 3.2.4' gem 'compass-rails', '~> 1.0.3' gem 'bootstrap-sass',

我试图在我的Rails 3.2应用程序上安装引导sass gem,但在调用compass install bootstrap时遇到此错误:

没有这样的框架:“引导”

我已将gem安装在我的gem文件中:

gem 'compass', '~> 0.12.2'
group :assets do
  ...
  gem 'sass-rails', '~> 3.2.4'
  gem 'compass-rails', '~> 1.0.3'
  gem 'bootstrap-sass', '~> 2.1.1.0'
end
我已将import语句放入application.css.scss文件中:

@import "bootstrap";
我在application.js中需要引导:

//= require jquery
//= require jquery_ujs
//= require bootstrap
...
我在config.ru文件中需要引导sass:

require 'bootstrap-sass'

require ::File.expand_path('../config/environment',  __FILE__)

run MYAPP::Application
有人知道问题是什么,或者遇到了同样的问题吗


以下是引导式sass的git:

您不需要gem。只需将引导libs(scss&js文件)复制到您的资产中。 确保在@import'bootstrap'之前application.css.scss中没有更多文本; 并且不需要编辑config.ru文件

还要查看页面代码。application.css中显示了什么?
在ApplicationController的控制器继承中是否有用户?

在gem文件中,尝试将引导gem保留在资产之外

来源'https://rubygems.org“

gem'rails','3.2.8'
gem'bootstrap sass',2.1.1'

然后运行命令

$bundle安装。

然后检查并确保已使用命令安装引导程序。

$bundle list

解决了这个问题

因此,为了使安装工作正常,我必须调用
bundle exec compass install bootstrap
。这将在包的上下文中执行
compass install bootstrap
,包中包含所有gem。然而,这又带来了一些问题


安装程序将几个新的引导javascript文件写入my assets/javascripts目录。在Rails3.2中,它们是由资产管道自动加载的,但顺序错误,因此在我的浏览器控制台中,我收到了一个缺少构造函数的错误消息,并对一个未定义的对象调用了“popover”。在深入研究之后,解决方案只是删除所有新生成的javascript文件,因为它们已经包含在application.js中的
/=require bootstrap
中。

bootstrap sass没有很好的文档记录,我需要一些时间来解决。 忘了指南针吧。 档案:

使用bootswatch rails gem可以快速更改主题

在资产/样式表中,创建您自己的

您可以通过用其他名称替换cerulean来轻松更改主题


至少它现在对我有效。

这看起来不起作用。此外,它还将包括生产中的gem,我不想要它,因为我的资产将被预编译。
gem 'bootstrap-sass', '~> 2.1.1.0'
gem 'bootswatch-rails'
    @import "bootswatch/cerulean/variables";

// Then bootstrap itself
@import "bootstrap";

// Bootstrap body padding for fixed navbar
body { padding-top: 60px; }

// Responsive styles go here in case you want them
@import "bootstrap-responsive";

// And finally bootswatch style itself
@import "bootswatch/cerulean/bootswatch";

// Whatever application styles you have go last
//@import "base";