Ruby on rails Rails 3.2引导sass未安装
我试图在我的Rails 3.2应用程序上安装引导sass gem,但在调用compass install bootstrap时遇到此错误: 没有这样的框架:“引导” 我已将gem安装在我的gem文件中: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',
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";