Popover container

data-container is new in Bootstrap 2.3

by Alessandro Vernet

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<div class="button-container">
    <a  href="#" class="btn" 
        data-toggle="popover" title="" 
        data-content="Content"
        data-container="body"
        data-title="Title">Click to toggle popover</a>
</div>

CSS

.button-container {
    margin-top: 50px;
    position: relative; overflow: hidden;
    height: 100px; width: 300px;
    vertical-align: middle; line-height: 100px;
    border: 1px solid #eee;
}

JavaScript

$('a').popover();