Bootstrap Popover Change Size

by Annie Lagang

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div id="wrap">
<button id="popoverBtn" type="button" class="btn btn-default" data-container="#wrap" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on right</button>
</div>

CSS

/*#wrap .popover {
    width: 1000px;
    max-width: none;
}*/

#wrap .popover {
    max-width: 600px; 
    width: auto;
}

JavaScript

$(function(){ $('#popoverBtn').popover(); });