Bootstrap 3 Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<table>
    <tr>
        <td><input id="client-id" type="text"/></td>
        <td><input id="client-name" type="text" tabindex="0" 
            data-trigger="hover" 
            data-placement="top" 
            data-toggle="popover" 
            data-trigger="manual" 
            data-content="this is a popover"/></td>
</tr>
</table>

CSS

body {
    padding: 100px;
}

JavaScript

$('#client-name, #client-id').mouseover(function() {
    $('#client-name').popover('show');
});    
$('#client-name, #client-id').mouseleave(function(e) {
    var id=$(e.relatedTarget).attr('id');
    if (id!='client-name' && id!='client-id') $('#client-name').popover('hide');
});