博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[Bootstrap]modal弹出框
阅读量:6822 次
发布时间:2019-06-26

本文共 739 字,大约阅读时间需要 2 分钟。

写在前面

在实际开发中,为了友好,更需要一种美观的弹出框,js原生的alert,很难满足需求。这里推荐一个bootstrap的弹出框。

一个例子

先看效果吧

代码:

    模式弹出框    

注意

data-target属性,指向了model的id,所以点击按钮,model就会弹出来了。

用js也可以来控制

 总结

之所以推荐这个弹出框,是因为这个操作更方便,因为在项目中用到bootstrap,这样也不需要再去添加其他的引用了。如果用来作为提示框,可以修改modal-body中的内容为字符串就可以了。 

转载地址:http://cuozl.baihongyu.com/

你可能感兴趣的文章
CentOS7.6破解root口令之方法一
查看>>
思科配置命令
查看>>
python --001简介
查看>>
Changing the Filter of a List Collector Variable v
查看>>
浅谈NAT概念及原理,配置NAT 网络地址转换---PAT端口地址转换;
查看>>
线上防雪崩利器——熔断器设计原理与实现
查看>>
mongodb 增删查改
查看>>
企业电子邮箱的企业网盘是什么?如何使用?
查看>>
openstack简易汉化
查看>>
centos6.4 ceph安装部署之cephFS
查看>>
“5G”不赶趟?这些国家开始研发“后5G”技术
查看>>
UI设计入门学习方法和学习路线
查看>>
Spark RDD转换成DataFrame的两种方式
查看>>
解决Android第三方库.so自动删除
查看>>
使用RMAN来克隆数据库
查看>>
资源分享redis中文入门手册
查看>>
对开发工具的认识
查看>>
SharePoint中计算值公式函数简介
查看>>
实施行政审批流程系统程组件的经验总结,规范化电子化流程管理(有点儿长,准备好茶叶)...
查看>>
Ubuntu 全球 CDN 更新源
查看>>