modals-finish.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>对话框</title>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet"
type="text/css">
<!--[if lt IE 9]>
<script src="../bootstrap/js/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<h1 class="page-header">对话框</h1>
<a href="#login" data-toggle="modal" class="btn btn-primary">点击登录</a>
<div class="modal hide fade" id="login">
<div class="modal-header">
<a href="#" class="close" data-dismiss="modal">×</a>
<h4>用户登录</h4>
</div>
<div class="modal-body">
<form action="" class="form-horizontal">
<div class="control-group">
<label class="control-label">
用户名
</label>
<div class="controls">
<input type="text"/>
</div>
</div>
<div class="control-group">
<label class="control-label">
密码
</label>
<div class="controls">
<input type="text"/>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">登录</button>
</div>
</div>
</div>
<script src="../bootstrap/js/jquery-1.7.2.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>
分享到:
相关推荐
jquery结合Bootstrap对话框插件实现的支持iframe等常用功能读取特效源码.zip
twitter-bootstrap-rails-confirm, 使用 Twitter Bootstrap 确认对话框 :: bootstrap:: bootstrap:: rails::这里 gem 添加一些javascript来更改 Boostrap 2.3和 4的数据确认处理的默认行为。正常确认对话框显示带有...
主要为大家详细介绍了Bootstrap对话框使用实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
bootstrap对话框源码
主要为大家详细介绍了Bootstrap模态对话框的简单使用,感兴趣的小伙伴们可以参考一下
主要介绍了基于bootstrap模态对话框的简单扩展,bootstrap-mzDialog插件的封装,感兴趣的小伙伴们可以参考一下
“对话框”在弹出窗口上显示信息,还使用户能够输入输入值。 依存关系 安装凉亭 bower install ax5ui-dialog 是Web前端程序包管理器。 安装bower ,它将安装在bower_components文件夹下以解决插件依赖性。 (您...
bootstrap消息对话框插件.zip
Bootstrap模态对话框的开发与应用
一个简单的,纯CSS的解决方案,用于改进Bootstrap 4模式对话框在手机上的用户体验。
React Bootstrap对话框 基于的的警报或对话框的React组件库。 可配置和易于使用,而不是React应用程序中的window.alert , window.confirm或window.prompt 。 您可以与react-bootstrap v3或v4一起使用。 (v4自...
angularjs ui-router+bootstrap ui-modal实现模态对话框
eModal是一款非常实用的基于Bootstrap的模态窗口对话框插件。该模态窗口对话框插件可以制作警告框,确认框,提示框等,并且可以通过Ajax远程加载内容,还可以嵌入iframe框架等,功能非常齐全。
bootprompt.js是一款ootstrap编程式对话框插件。该插件为原生的bootstrap提供模态对话框扩展功能,可以以编程的方式实现各种对话框效果,支持bootstrap3和bootstrap4。
1、Bootstrap对话框的使用 常规的Bootstrap有几种尺寸的对话框,包括默认状态的小对话框,中等宽度的对话框,和全尺寸的对话框几种,Bootstrap的对话框界面非常友好, 当我们使用ESC键或者鼠标单击其他空白处,则会...
主要介绍了bootstrap modal+gridview实现弹出框效果,gridview点击更新弹出填写信息表单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
主要介绍了Bootstrap模态对话框用法,结合实例形式分析了Bootstrap模态对话框的简单创建与使用操作技巧,需要的朋友可以参考下
前端框架 Bootstrap 的模态对话框,可以使用 remote 选项指定一个 URL,这样对话框在第一次弹出的时候就会自动从这个地址加载数据到 .modal-body 中,但是它只会加载一次,不过通过在事件中调用 removeData() 方法...