간단한 양식 마우스 포인터를 놓을 때 부트 스트랩 설명을 표시하는 레이블 옆에있는 물음표

Question

Simple Form gem과 부트 스트랩을 사용하여 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> 

편집 : 당신의 CSS에서

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

(예 app/assets/stylesheets/application.scss)을 수행 할 수 있습니다

이것은 내가 같은 줄에 툴팁으로 ?을 표시하기 위해 할 수있는 최선입니다 추가 :

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