首页 > 代码库 > popover弹出框

popover弹出框

2024-09-03 17:17:13   216人阅读

        <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>

 

popover弹出框


联系
我们