title: Enabling Popovers using Twitter Bootstrap's "bootstrap-popover.js" in Rails 3.2
body: <p>Newbie to Ruby on Rails and Twitter Bootstrap :P</p>
  
  <p>Trying to add a popover to an image where, when you scroll over it,  a popout appears with a larger version of the image. </p>
  
  <p>The image:</p>
  
  <pre><code>&lt;ul class="thumbnails"&gt;
    &lt;div class="span1"&gt;
      &lt;ul&gt;
       &lt;li&gt;
        &lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/125x100" alt=""&gt;&lt;/a&gt;
       &lt;/li&gt;
    &lt;/div&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>I'm trying to use Twitter Bootstrap's "Popovers" by adding "bootstrap-popover.js" and 'bootstrap-tooltip.js' (which it extends) to the appropriate folders in my asset directory (using Rails 3.2).  </p>
  
  <p>If I wanted to activate it so the popout works when I scroll over the image, how would I do this?</p>
  
  <p>I'm really just not sure how to call a specific element for the popover to work on. </p>
  
  <p><img src="https://i.stack.imgur.com/SYCxy.png" alt="What I&#39;m trying to make happen :)"></p>
  
  <p>Thank you so much!!!</p>