JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="container">
  <h1>Pop-Over Test</h1>
  <table class="table table-bordered">
    <thead>
        <tr>
            <th>first column</th>
            <th>second column</th>
            <th>third column</th>
        <tr>
    </thead>
    <tbody>
        <tr>
            <td><a href="#" class="popover-test" id ="test1" rel="popover" data-content="Content 1: this shows fine!" data-original-title="Title 1">Hover for popover</a>
            </td>
            <td>two</td>
            <td>three</td>
        </tr>
        <tr>
            <td><a href="#" class="popover-test" id ="test2" rel="popover" data-content="Doesn't show :(" data-original-title="Title 2">Hover for popover</a>
            </td>
            <td>two</td>
            <td>three</td>
        </tr>
        <tr>
            <td><a href="#" class="popover-test" id ="tes3" rel="popover" data-content="Doesn't show either" data-original-title="Title 3">Hover for popover</a>
            </td>
            <td>two</td>
            <td>three</td>
        </tr>
    </tbody>
    </table>
</div>

JavaScript

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