标签旁边的简单形式问号，用于在悬停或单击期间显示引导工具提示 \- Ruby

Question

使用 Simple Form 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 %>

非常感谢

原文由 DanRio 发布，翻译遵循 CC BY-SA 4.0 许可协议

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;
}

原文由 Eric Duminil 发布，翻译遵循 CC BY-SA 3.0 许可协议