<style> #view{width: 300px;height: 200px;border: 1px solid red;} </style> 以上是为了viewport更容易看出来设置的样式
<body style="margin: 50px;"> <div id="view"> <button class="btn btn-danger btn-lg" data-toogle="popover" title="弹出框" data-content="这里放内容，这里放内容，这里放内容，这里放内容，这里放内容，这里放内容，">弹出框</button> </div> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script type="text/javascript"> //使弹出框 $(‘button‘).popover({ //使弹出框沿着外围容器边距 // viewport:‘#view‘, //另一种写法 selector:‘#view‘, padding:10,//离父盒子距离 }); </script> </body>
原文：http://www.cnblogs.com/by-dxm/p/6384489.html