簡單形式標籤旁邊的問號，在懸停或點擊時顯示引導工具提示 - Ruby

Question

使用簡單表單gem和bootstrap，我試圖找出一種方法 - 使用Ruby - 在表單旁添加工具提示標籤以問號的形式顯示懸停或點擊提示。我正在努力尋找任何相關的信息來幫助。

什麼我需要添加到下面的標準表單輸入？我嘗試了各種各樣的東西，但似乎沒有任何關係。

<%= f.input :phone, placeholder: "Phone Number" %> 

當我嘗試以下方法，不顯示輸入字段：

<%= f.input :phone, placeholder: "Phone Number" do %> 
    <span data-toggle='tooltip' title='We need your phone number because...'>?</span> 
<% end %> 

非常感謝

Answer 1

您可以添加

<span data-toggle='tooltip' title='<%= @your_tooltip_content %>'>?</span> 

任何你需要它。例如：

<%= f.input :phone, placeholder: "Phone Number"%> 
<span data-toggle='tooltip' title='We need your phone number because...'>?</span> 

編輯：

這是最好的，我可以做在同一行工具提示中顯示?：

<%= f.input :phone, label_html: { "data-tooltip" => true, :class => "has-tip", :title => "We need your phone number because..."} %> 

在你的CSS（例如app/assets/stylesheets/application.scss），你可以加：

.has-tip:after{ 
    font-family: "Glyphicons Halflings"; 
    content: " \e085"; 
    color: #aaaaaa; 
}