Question

我正在尝试在现有项目Twitter Bootstrap上安装

我尝试按照this：

进行操作

group :assets do
  gem 'bootstrap-sass-rails'
end

我得到了：

Bundler could not find compatible versions for gem "actionpack":
  In Gemfile:
    bootstrap-sass-rails (>= 0) java depends on
      actionpack (~> 3.1.0) java

    rails (= 2.3.14) java depends on
      actionpack (2.3.14)

Bundler could not find compatible versions for gem "rails":
  In Gemfile:
    bootstrap-sass-rails (>= 0) java depends on
      rails (~> 3.1.3) java

    rails (2.3.14)

知道当我运行rails -v时，我得到了rails 3.2.12。所以，按照文档，我尝试了这个

gem install bootstrap-sass-rails

我被告知gem已成功安装，但我的app文件夹中没有看到任何新文件。顺便说一下，我试着在我的样式表中添加一个

**/*
 *= require twitter/bootstrap
 */
**

但是我的布局似乎没有调用bootstrap css。有人可以帮忙吗？这是安装Bootstrap的正确方法吗？

更新：我刚刚注意到在gem文件中我有：gem“rails”，“2.3.14”

Answer 1

对于Rails 3：

我安装了bootstrap和fontawesome。这是我的Gemfile：

source 'https://rubygems.org'

gem 'rails', '3.2.12'

# ...

# jQuery
gem 'jquery-rails'

# Twitter Bootstrap
gem 'bootstrap-sass'
gem 'font-awesome-sass-rails'

# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails'
end

如您所见，我使用不同的宝石作为引导程序。编辑Gemfile后，只需输入bundle（或者可能需要bundle update）

这是我的application.css.scss（在app / assets / stylesheets /下）：

@import "bootstrap";
@import "font-awesome";
body { padding-top: 60px; }
@import "bootstrap-responsive";

和application.js（在app / assets / javascripts /下）：

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

Answer 2

我在“http://railscasts.com/episodes/328-twitter-bootstrap-basics”之后遇到了问题直到我注意到2013年2月6日更新时，我所做的一切看起来都不如演员的输出：自本集开始以来，twitter-bootstrap-rails的设置过程已经改变。请查看自述文件以获取有关如何设置它的详细信息。“

所以我跟着https://github.com/seyhunak/twitter-bootstrap-rails进行了以下安装步骤，它现在适用于我：

创建一个新的rails 3.2.x app，
（如果你是rvm粉丝，那么请使用rvm）
rails new Store
编辑Gemfile，以及以下内容：
宝石“therubyracer”
宝石“less-rails”

gem'trip-bootstrap-rails'＃ * * doest为我工作，所以我需要从源头拉出如下左图

gem'trip-bootstrap-rails',: git =＆gt; 'https://github.com/seyhunak/twitter-bootstrap-rails.git'
运行捆绑安装
安装bootstrap， rails生成bootstrap：少安装
安装bootstrap static，
rails generate bootstrap：install static
将以下行复制并粘贴到“bootstrap_and_overrides.less”中， @import“twitter / bootstrap / reset.less”;
@import“twitter / bootstrap / variables.less”;
@import“twitter / bootstrap / mixins.less”;
@import“twitter / bootstrap / scaffolding.less”;
@import“twitter / bootstrap / grid.less”;
@import“twitter / bootstrap / layouts.less”;
@import“twitter / bootstrap / type.less”;
@import“twitter / bootstrap / forms.less”;
@import“twitter / bootstrap / wells.less”;
@import“twitter / bootstrap / component-animations.less”;
@import“twitter / bootstrap / buttons.less”;
@import“twitter / bootstrap / close.less”;
@import“twitter / bootstrap / navs.less”;
@import“twitter / bootstrap / navbar.less”;
@import“twitter / bootstrap / labels-badges.less”;
@import“twitter / bootstrap / hero-unit.less”;
@import“twitter / bootstrap / utilities.less”;
@import“twitter / bootstrap / responsive”;
根据您的选择生成固定或流畅的布局。
生成模型，
rails g脚手架产品名称价格：十进制--skip-stylesheets
rake db：迁移
rails g bootstrap：主题产品-f
使用WEBrick在开发模式下运行，
rails s

希望能帮助别人！

Answer 3

我不是一个铁路人物，但是......你是不是通过

http://railsapps.github.com/twitter-bootstrap-rails.html

http://www.opinionatedprogrammer.com/2011/11/twitter-bootstrap-on-rails/

http://blog.robertosoares.me/blog/2012/08/17/integrating-twitter-bootstrap-with-ruby-on-rails/

看起来很整洁！

使用Rails安装twitter bootstrap

3 个答案:

对于Rails 3：