Cameron Stitt

A friend of mine recently shared how he suggests to implement Popover functions using twitter bootstrap. I have a different way of doing this after reading through the documentation for the popover.

Firstly, follow the steps at the Twitter Bootstrap for Rails post. Once you have it setup to meet your needs, just do the following on a field that requires a popover.

//in the js file
$('#user_username').popover()

//on the form
//ERB
<%= f.text_field :username, "data-content" => "This is a username", "data-title" => "Username" %>
//Or simple_form
<%= f.input :username, :input_html => {"data-content" => 'This is a username', "data-title" => 'Username'} %>

Which should show something like this:

Thanks,

Cameron Stitt