动态错误消息中的twitter bootstrap glyphicon链接

时间:2013-03-05 22:18:33

标签: ruby-on-rails twitter-bootstrap

我想在Rails应用程序中使用Twitterbootstrap附带的glyphicons。根据文档,

All icons require an <i> tag with a unique class, prefixed with icon-. To use, place the following code just about anywhere:
    <i class="icon-remove"></i>

我使用以下代码生成错误消息,但我不知道如何包含标记。

   <ul>
      <% @errors.each do | msg| %>
      <li><%= content_tag :div, msg, :id => "flash", :class => "icon-remove" %></li>
    <% end %>

    </ul>

1 个答案:

答案 0 :(得分:1)

您只想将图标标记包含为html_safe字符串。例如,如果您想在每个li元素的开头使用图标(可能通过将unstyled类添加到ul元素来删除正常的列表项标记:

<li><%= content_tag :div, "<i class="icon-remove"></i> #{msg}".html_safe, :class => "flash" %></li>

(另请注意,设置id就像这样可能会导致多个元素具有相同的id,这是您不应该拥有的。)