首页 > 代码库 > bootstrap 模式对话框
bootstrap 模式对话框
<!doctype html><html><head><meta charset="utf-8"><title>机场服务</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="http://www.mamicode.com/css/bootstrap.min.css" rel="stylesheet"><link href="http://www.mamicode.com/css/bootstrap-responsive.min.css" rel="stylesheet"><script src="http://www.mamicode.com/js/jquery.js" type="text/javascript"></script><script src="http://www.mamicode.com/js/bootstrap.min.js" type="text/javascript"></script><script>$(function(){ $(‘.nav-stacked li a‘).click(function(){ var text=$(this).text(); $("#name").attr(‘value‘,text); }); $(‘#myModal‘).modal(options); });</script></head><body> <input type="text" id="name" /> <!-- Large modal --><button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button><div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="bs-docs-example"> <ul class="nav nav-tabs nav-stacked"> <li><a id="aa" name="aa" href="http://www.mamicode.com/#" data-dismiss="modal" aria-hidden="true" >Profile</a></li> <li><a href="http://www.mamicode.com/#" data-dismiss="modal" aria-hidden="true">Messages</a></li> <li><a href="http://www.mamicode.com/#" data-dismiss="modal" aria-hidden="true">Profile</a></li> <li><a href="http://www.mamicode.com/#" data-dismiss="modal" aria-hidden="true">Messages</a></li> <li><a href="http://www.mamicode.com/#" data-dismiss="modal" aria-hidden="true">Profile</a></li> <li><a href="http://www.mamicode.com/#" data-dismiss="modal" aria-hidden="true">Messages</a></li> <li><a href="http://www.mamicode.com/#" data-dismiss="modal" aria-hidden="true">Profile</a></li> <li><a href="http://www.mamicode.com/#" data-dismiss="modal" aria-hidden="true">Messages</a></li> </ul> </div> </div> </div></div></body></html>
bootstrap 模式对话框
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。