popover弹出框

        <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>
相关文章
