Rails 3.2 bootstrap-sass未安装

Question

我试图在我的Rails3.2应用程序上安装bootstrap-sass gem，但在调用compass install bootstrap时遇到以下错误：

没有这样的框架："bootstrap“

我已经在我的Gemfile中安装了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

我已经在我的application.css.scss文件中加入了导入语句：

@import "bootstrap";

我需要在application.js中使用bootstrap：

//= require jquery
//= require jquery_ujs
//= require bootstrap
...

并且我需要在我的config.ru文件中使用bootstrap-sass：

require 'bootstrap-sass'

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

run MYAPP::Application

有没有人知道问题是什么，或者遇到了同样的问题？

下面是bootstrap-sass的关键：https://github.com/thomas-mcdonald/bootstrap-sass.git

Answer 1

弄清楚了..。

因此，为了让安装正常工作，我必须调用bundle exec compass install bootstrap。这将在包的上下文中执行compass install bootstrap，其中包括所有gem。然而，这引发了更多的问题。

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

Answer 2

bootstrap-sass没有很好的文档，我需要一些时间来解决这个问题。忘了指南针吧。gemfile：

gem 'bootstrap-sass'，'~> 2.1.1.0‘gem 'bootswatch-rails’

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

在资源/样式表中，创建your_own_sytlesheet.css.scss

@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";

通过将cerulean替换为其他名称，您可以轻松地更改主题。

至少现在它对我来说是有效的。

Answer 3

你不需要gem来做这个。只需将bootstrap lib (scss & js文件)复制到您的资产。确保在@import‘bootstrap’之前没有更多的文本在你的application.css.scss中；并且不需要编辑config.ru文件

还可以查看您的页面代码。application.css中显示的内容是什么？你有没有在继承ApplicationController的控制器中使用过？