Issue

by japaneselanguagefriend

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<div class="wrapper1">
    <div class="tips my-tip" data-content="Popover content" data-trigger="hover">
       Div Content
    </div>
</div>

<div class="wrapper2">
    <div class="tips my-tip2" data-content="Second Popover content">
       Second Div Content
    </div>
</div>

CSS

div.tips {
    padding: 10px;
    margin: 10px;
    width: 40%;
}
div.my-tip{
    background-color: gray;
}
div.my-tip2{
    background-color: #ddd;
}

JavaScript

$(function() {
    $('.wrapper1').popover({
        selector: '.my-tip'
    });

    $('.wrapper2').popover({
        selector: '.my-tip2',
        trigger: 'hover'
    });
});