Twitter Bootstrap 和 Ruby on Rails 的警报/错误

Question

伙计们。

我正在使用 Twitter Bootstrap 使用 Ruby on Rails 快速构建一个小型应用程序，但我似乎在使用 bootstrap-sass gem 时遇到了问题。

我在我的 Gemfile 中添加了必要的行，并执行了bundle install。问题是......它似乎没有将需要的引导 CSS 文件放入应该存在的 vendor/assets/stylesheets 中。

所以当我登录时（使用 Devise），它根本没有显示正确的样式：

这个 ERb：

<% flash.each do |name, msg| %>
    <% if msg.is_a?(String) %>
        <div class="alert alert-<%= name == :notice ? "success" : "error" %>">
          <a class="close" data-dismiss="alert">&#215;</a>
          <%= content_tag :div, msg, :id => "flash_#{name}" %>
        </div>
    <% end %>
<% end %>

根据 Bootstrap 文档，正在生成以下似乎是正确的 HTML，它应该生成一个 Bootstrap 样式的红色“错误”警告框：

<div class="alert alert-error">
  <a class="close" data-dismiss="alert">&#215;</a>
  <div id="flash_alert">Must be logged in to access the admin area.</div>
</div>

我不确定问题是什么。相关信息如下：

• 操作系统：Ubuntu 12.04 LTS（精确）x86 -- 在 Vagrant VM Ruby 中
• 版本：2.0.0-p247
• Rails 版本：4.0.1

Answer 1

罗曼，感谢您的帮助。我确保使用您的方法“硬编码”引导程序的导入，并且我自己也修复了一个问题。

我用来在 ERb 中命名警报类的文档已经过时了。显然，他们将 Bootstrap 中的警报“错误”类从 alert-error 更改为 alert-danger。我没有意识到从 Bootstrap 2.x 到 3.x 的变化，哎呀。

不过，我会将您的答案标记为已接受，因为它有助于解决问题。干杯！

Answer 2

您应该在application.css 文件的顶部添加*= require bootstrap。或者正如bootstrap-sass documentation 所说，您可以改用@import "bootstrap";。