Простая форма Вопросительный знак рядом с меткой, чтобы отображать подсказку всплывающей подсказки во время наведения или щелчка - 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> 

EDIT:

Это лучшее, что я мог сделать, чтобы отобразить ? с подсказкой на ту же строку:

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