Bootstrap + isotope + popover

trying to get bootstrap popover to work with isotope

HTML

<script src="http://isotope.metafizzy.co/jquery.isotope.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="https://raw.githubusercontent.com/jsliang/eqHeight.coffee/master/jquery.eqheight.js"></script>
<div class="container">
    <div class="row clearfix">
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
            Text
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
            Text<br />Text
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
            Text<br />Text<br />Text
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
            Text<br />Text<br />Text<br />Text
        </div>
    </div>
</div>

CSS

.row > *:nth-child(odd) {
    background: red;
}
.row > *:nth-child(even) {
    background: blue;
}

JavaScript

$('.row').eqHeight('.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12');

/*
$('#container').isotope({
     itemSelector: '.row > *',
     itemPositionDataEnabled: true
 })
 
 
 
 
 // log position of each item
 .find('.thing').each(function () {
     var item_position = $(this).data('isotope-item-position');
     console.log('item position is x: ' + item_position.x + ', y: ' + item_position.y);
 });
 
 */