你好，我是 Ruby on Rails 的新手，我正在努力理解 I18n 的 Flash 消息。我正在使用 devise、rails 4 和 twitter bootstrap。我知道 devise 仅使用flash[:notice] and flash[:alert].
我可以通过登录和注销获得适用于我的用户模型的闪存消息。但是，我无法获得注册时的闪存错误或忘记密码以正确显示。它看起来像默认的错误消息。
我查看了一堆与此相关的问题，并且对如何使用漂亮的 css 显示所有闪存消息（错误、成功、通知）感到困惑。
也许答案就在我眼皮底下的这篇文章中？Rails - 设计 - 处理 - devise_error_messages
目前我的闪存消息基于如何使用 Twitter Bootstrap Rails gem 定义 Flash 通知
这是我的例子：
within '应用程序/视图/布局/application.html.erb'
<%= render 'layouts/messages' %>
'应用程序/视图/布局/_messages.html.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">×</a>
<%= content_tag :div, msg, :id => "flash_#{name}" %>
</div>
<% end %>
<% end %>
如何使用自定义 CSS 显示所有 Flash 消息（错误、成功、通知）？
更新：这篇文章显示了correct我正在尝试做的事情的版本。我遇到的问题是样式看起来不一样。我相信这是因为 html 标签。
html = <<-HTML
<div class="alert alert-error alert-block"> <button type="button"
class="close" data-dismiss="alert">x</button>
<h4>#{sentence}</h4>
#{messages}
</div>
HTML
知道如何为警报设置相同的样式吗？或者在CSS中使用什么标签？
您可以看到注册^^和登录（下面）页面之间的区别。
我在 github 上的 devise wiki 中创建了一个 wiki 页面如何：将 I18n Flash 消息与 Devise 和 Bootstrap 集成
首先我们将制作一个渲染视图以使代码简洁。之内“应用程序/视图/布局/application.html.erb”我添加了<%= render 'layouts/messages' %>.
我的文件如下所示：
<body>
<%= render 'layouts/header' %>
<div class="container">
<%= render 'layouts/messages' %>
<%= yield %>
<%= render 'layouts/footer' %>
</div>
</body>
接下来我们必须制作消息文件。新建一个文件在“应用程序/视图/布局/_messages.html.erb”并添加：
<% flash.each do |key, value| %>
<div class="alert alert-<%= key %>">
<a href="#" data-dismiss="alert" class="close">×</a>
<ul>
<li>
<%= value %>
</li>
</ul>
</div>
<% end %>
这将为我们提供整个站点的闪现消息。
对于设备，您需要覆盖设备处理闪存消息的方式。创建一个名为 devise_helper 的文件“应用程序/helpers/devise_helper.rb”.
在该文件内，您必须创建一个名为 devise_error_messages! 的方法，它是告诉 devise 如何处理闪存消息的文件名。
module DeviseHelper
def devise_error_messages!
return '' if resource.errors.empty?
messages = resource.errors.full_messages.map { |msg| content_tag(:li, msg) }.join
html = <<-HTML
<div class="alert alert-error alert-block"> <button type="button"
class="close" data-dismiss="alert">x</button>
#{messages}
</div>
HTML
html.html_safe
end
end
接下来，在您的设计视图中，您必须定义希望错误消息出现的位置。您需要输入<%= devise_error_messages! %>在设计页面内。一个例子是在其中输入“应用程序/视图/设计/注册/.new.html.erb”（注册页面）
它应该已经在文件中，但您可以移动代码以自定义其显示位置。
如果您不想使用默认的奇怪的蓝色和黄色警报，我已将错误和警报设置为具有相同的颜色，并将成功和通知设置为具有相同的颜色。我使用红色表示错误和警报，使用绿色表示成功和通知。
在我的“应用程序/资产/样式表/custom.css.scss” I have:
/*flash*/
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
text-align: left;
}
.alert-alert {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
text-align: left;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
text-align: left;
}
.alert-notice {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
text-align: left;
}