動態錯誤消息中的twitter引導圖形鏈接

我想在Rails應用程序中使用Twitterbootstrap附帶的圖形。根據文檔，動態錯誤消息中的twitter引導圖形鏈接

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>

來源

2013-03-05 BrainLikeADullPencil

您只想將圖標標記包含爲html_safe字符串。例如，如果你想使用的圖標在每個li元素（通過將unstyled類大概擺脫常規列表項標記您ul元素）的開始：

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

（另請注意，設置id就像這樣可能會導致多個元素使用相同的id，這是你不應該擁有的。）

來源

2013-03-05 22:45:31

flash id曾經是一個類，但是一旦我試圖包含'icon-remove'i將'flash'改爲'id'，並附上樣式顏色。你知道另一種方式，我可以做到這一點，因爲icon-remove現在是班級嗎？ – BrainLikeADullPencil 2013-03-06 00:12:00

爲什麼不直接應用多個類（即'class =「flash icon-remove」'）？無論哪種方式，您都不希望將'icon-remove'設置爲'div'的'class'。你有沒有嘗試我的建議？ – 2013-03-06 00:15:44

我正在嘗試您的建議，但無法確認它的效果，因爲Twitter正在尋找一個不存在的「img」文件夾中的圖標，如果我使用Twitter gem http：// localhost ：3000/img/glyphicons-halflings.png – BrainLikeADullPencil 2013-03-06 03:32:06

動態錯誤消息中的twitter引導圖形鏈接

回答

相關問題