Twitter bootstrap 无法在 Rails 上运行

Question

我正在关注有关 twitter bootstrap basics 的截屏视频，以尝试更多地了解引导程序，但由于某种原因，当我转到 localhost 时，我的应用程序没有样式。

我也尝试了 github repo https://github.com/seyhunak/twitter-bootstrap-rails 中的步骤。

我也遵循了this SO post的指令，但是当我添加*= require bootstrap_and_overrides这一行时，它显示FileNotFound错误。

这是我在 Rails 新应用 bootstrap_practice 之后所做的：

rails g scaffold Product name price:decimal --skip-stylesheets
rake db:migrate
# added gem 'twitter-bootstrap-rails', :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git' on gemfile (I have also tried just gem 'twitter-bootstrap-rails'
bundle install
rails g bootstrap:install

我检查了资产，它有必要的资产。

样式表 (application.css)

*
 *= require_tree .
 *= require_self
 */

JS：

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

最后，我的 application.html.erb 有

<%= csrf_meta_tags %>
<%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "application" %>

我很确定这就是所需的一切。为什么我在 localhost 上的应用程序没有样式？

Answer 1

所以，我在 Rails 中以多种方式使用了 twitter-bootstrap，我最喜欢的是 bh gem。 Bootstrap Helpers在github上。

# Gemfile
gem 'bh'

# application.html.erb
<%= stylesheet_link_tag bootstrap_css %>
<%= stylesheet_link_tag font_awesome_css %>
<%= javascript_include_tag bootstrap_js %>

所有资产都通过 CDN 交付。

Answer 2

自 railscasts 发布以来，官方 SASS 存储库已发布。 （Rails 自带 SASS。）

https://github.com/twbs/bootstrap-sass

seyhunak 的 repo 维护在 LESS 中，这也需要 therubyracer。