JSFiddle - React, Tailwind, and code Playground

by handtrix

HTML

<div class="btn-group">
   <button class="btn dropdown-toggle" data-toggle="dropdown"> Reviews </button>
   <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
   <ul class="dropdown-menu">
      <li><a href="#" id="reviewhover" rel="popover" placement="right" data-content="Reviewer:testuser is too good, too cool, too sad, too bad, too right, too wrong">testuser 2012/08/12 12:25:42:836 PM</a></li>
      <li><a href="#" id="reviewhover" rel="popover" placement="right" data-content="Reviewer:testuser11 is too">testuser11 2012/08/13 12:25:42:836 PM</a></li>
    </ul>
 </div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.nav{ 
    margin-top:30px;
}
button{ 
    margin:10px;
}

JavaScript

jQuery(function(){
     $('a[rel=popover]').popover();
 });