如何使用bootstrap弹出带关闭按钮的窗口
1、新建一个html文件,命名为test.html,用于讲解如何使用bootstrap弹出带关闭按钮的窗口。
2、在test.html文件中,引入jquery.min.js,bootstrap.min.js和bootstrap.min.css文件。
3、在test.html文件中,使用button标签创建一个按钮,并设置其data-toggle属性为modal,用于点击弹出窗口。
4、在test.html文件中,使用div创建一个modal窗口,在类名为modal-body的div中编写窗口内容。
5、在test.html文件中,使用button标签创建一个关闭按钮,并将data-d坡纠课柩ismiss属性设置为modal,实现点击关闭窗口的功能。
6、在浏览器打开test.html文件,查看结果。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:31
阅读量:36
阅读量:71
阅读量:41
阅读量:42