简单形式标签旁边的问号，在悬停或点击时显示引导工具提示 - 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; 
}