网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

标题	简介BootStrap model弹出框的使用
范文	这篇文章主要介绍了BootStrap model弹出框的使用，介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起学习吧     之前，我们讲解了bootstrap tab的使用，今天我们来了解下bootstrap 中model弹出窗的使用。     效果：          代码：     <input id="btntext" type="button" value="添加文本组件" data-toggle="modal" data-target="#myModal" href="../SysManage/ZuJianManage.aspx"/>     <!-- Modal -->     <div id="myModal" tabindex="-1" role="dialog">     <div><button type="button" data-dismiss="modal">×</button>     <h3 id="myModalLabel">Modal header</h3>     </div>     <div></div>     </div>     很简单吧，这样就可以了。     注意：data-target属性，指向了model的id，所以点击按钮，model就会弹出来了。     当然你也可以用js来控制。     如下代码：     显示：$('#myModal').modal('show');     隐藏：$('#myModal').modal('hide');     开关：$('#myModal').modal('toogle');     事件: $('#myModal').on('hidden', function () {// do something…});     注意：我这边用到了href属性，这是让model去 remote一个url。当然 ，你可以把你要的内容，直接写在model-body里面。     认真看model的div结构，你就会明白，model-body是代表内容，model-header是头部，那么如果要在底部加两个按钮，那么就得用下面的代码了。     <div>     <a href="#">关闭</a>     <a href="#">保存</a>     </div>     注意：如果要给model设置宽度，那必须得加上布局。就是把model放在下面的代码块中，并且设置model的宽度。style="width:500px".对了，你还不可以用span样式直接放到class里面。。     <div></div>     以上所述是小编给大家介绍的BootStrap model弹出框的使用，希望对大家有所帮助！
随便看	紫芝眉宇 霜露之疾 阿斗太子 铸山煮海 铁杵磨针 法律文秘专业实习自我鉴定 质量管理比赛演讲稿：质量与管理 教师演讲稿：三尺讲台育桃李 青春飞扬报祖国 建厂10周年基层员工演讲稿 感恩父母演讲稿：忠孝两全 以孝为先 小学生道德模范评选学习心得演讲稿 教师节演讲稿：因为有爱，我幸福、我快乐 关于人生的演讲稿 防治艾滋病演讲稿 有关责任感的演讲稿 应届专科生自我评价 财会与计算机应用专业生的自我评价 职称考评的自我评价样稿 为何从警演讲稿 钱不是万恶之源辩词 教师节学生代表发言稿 小学生家长会发言稿 小学生家长会教师发言稿 仓管试用期工作总结 电工试用期工作总结 air chamber air-chamber air circulation air compressor air-compressor air con air-con air-conditioned air-conditioned air-conditioned room 豪饮 豫 豫兆 豫先 豫剧 豫卜 豫告 豫备 豫定 豫想 2024年下半年西双版纳州勐腊县事业单位紧缺招聘面试成绩公示 2024年普洱市墨江县人民法院招聘院级保障书记员和警务辅助人员公告 2024年昭通市彝良县医共体新场分院招聘编外专业技术人员公告 2024年红河州石屏县县域医共体龙朋分院（龙朋镇中心卫生院）招聘编外人员公告 2024年昆明市嵩明县杨林镇初级中学临聘教师招聘公告 2024年普洱市景东县林街乡卫生院紧急招聘编外人员公告 2024年红河州弥勒市锁龙寺中心卫生院临床医生招聘公告 2024年楚雄州消防救援局招聘公告 2024年文山州西畴县人民检察院招聘编外检察辅助人员面试公告 2024年红河州金平县紧密型县域医疗卫生共同体招聘资格复审、面试公告

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。