bootstrap模态框远程示例代码分享


Posted in Javascript onMay 22, 2017

本文实例为大家分享了bootstrap模态框远程的具体代码,供大家参考,具体内容如下

<!DOCTYPE html> 
<html lang="zh-CN"> 
<head> 
 <meta charset="utf-8"> 
 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 
 <title>XXX</title> 
 <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css"> 
 <link rel="stylesheet" href="css/main.css"> 
 <!--[if lt IE 9]> 
 <script src="lib/html5shiv/html5shiv.min.js"></script> 
 <script src="lib/respond/respond.min.js"></script> 
 <![endif]--> 
</head> 
<body> 
<!--通过按钮可以加载模态框内容,一定要加上头部和底部--> 
   <div class="modal-header"> 
    <!--关闭按钮--> 
    <button class="close" data-dismiss="modal"><!--可以关闭模态框--> 
     <span>×</span> 
    </button> 
    <!--头部标题--> 
    <h4 class="modal-title">远程登录</h4> 
   </div> 
   <div class="modal-body"> 
    <!--<p>暂时无法注册</p>--> 
    <div class="container-fluid"><!--在模态框主体部分还可以加入流体的栅格系统,一定是流体--> 
     <div class="row"> 
      <div class="col-lg-4 col-md-4 col-sm-6">haha</div> 
      <div class="col-lg-4 col-md-4 col-sm-6">hehe</div> 
      <div class="col-lg-4 col-md-4 col-sm-6">heihei</div> 
     </div> 
    </div> 
   </div> 
   <div class="modal-footer"> 
    <button class="btn btn-default">远程</button> 
    <button class="btn btn-primary">远程</button> 
   </div> 
<script src="lib/jquery/jquery.js"></script> 
<script src="lib/bootstrap/js/bootstrap.js"></script> 
<script src="js/main.js"></script> 
</body> 
 
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript聚焦于第一个字段的代码
Oct 15 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
Jul 31 Javascript
TextArea设置MaxLength属性最大输入值的js代码
Dec 21 Javascript
解析jquery获取父窗口的元素
Jun 26 Javascript
jQuery控制cookie过期时间的方法
Apr 07 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
Apr 25 Javascript
javascript的BOM
May 03 Javascript
javascript 定时器工作原理分析
Dec 03 Javascript
javascript设计模式之单体模式学习笔记
Feb 15 Javascript
JavaScript实现QQ列表展开收缩扩展功能
Oct 30 Javascript
微信小程序实现自上而下字幕滚动
Jul 14 Javascript
layer.close()关闭进度条和Iframe窗的方法
Aug 17 Javascript
bootstrap手风琴折叠示例代码分享
May 22 #Javascript
移动端手指放大缩小插件与js源码
May 22 #Javascript
jQuery滑动到底部加载下一页数据的实例代码
May 22 #jQuery
详解Angular路由 ng-route和ui-router的区别
May 22 #Javascript
Angular中$broadcast和$emit的使用方法详解
May 22 #Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
May 22 #Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
May 22 #Javascript
You might like
PHP中文汉字验证码
2007/04/08 PHP
php将日期格式转换成xx天前的格式
2015/04/16 PHP
ECshop 迁移到 PHP7版本时遇到的兼容性问题
2016/02/15 PHP
Yii2框架类自动加载机制实例分析
2018/05/02 PHP
JavaScript高级程序设计 读书笔记之八 Function类及闭包
2012/02/27 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
使用js实现的简单拖拽效果
2015/03/18 Javascript
jQuery插件scroll实现无缝滚动效果
2015/04/27 Javascript
浅析Javascript匿名函数与自执行函数
2016/02/06 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
angularjs封装bootstrap时间插件datetimepicker
2016/06/20 Javascript
Node.js实现兼容IE789的文件上传进度条
2016/09/02 Javascript
bootstrap快速制作后台界面
2016/12/05 Javascript
解析预加载显示图片艺术
2016/12/05 Javascript
Bootstrap基本组件学习笔记之分页(12)
2016/12/08 Javascript
微信小程序 五星评价功能的实现
2017/03/09 Javascript
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
2018/06/13 Javascript
详解webpack import()动态加载模块踩坑
2018/07/17 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
2019/04/29 Javascript
Vue打包后访问静态资源路径问题
2019/11/08 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
2020/09/17 Javascript
[55:45]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第一局
2016/02/28 DOTA
Python操作Mysql实例代码教程在线版(查询手册)
2013/02/18 Python
快速实现基于Python的微信聊天机器人示例代码
2017/03/03 Python
浅谈用Python实现一个大数据搜索引擎
2017/11/28 Python
利用Pandas 创建空的DataFrame方法
2018/04/08 Python
python requests爬取高德地图数据的实例
2018/11/10 Python
对YOLOv3模型调用时候的python接口详解
2019/08/26 Python
tensorflow 2.0模式下训练的模型转成 tf1.x 版本的pb模型实例
2020/06/22 Python
css3实现input输入框颜色渐变发光效果代码
2014/04/02 HTML / CSS
使用canvas实现黑客帝国数字雨效果
2020/01/02 HTML / CSS
写给女朋友的道歉信
2014/01/12 职场文书
电视购物广告词
2014/03/19 职场文书
整脏治乱工作简报
2015/07/21 职场文书
编写python程序的90条建议
2021/04/14 Python
浅谈Web Storage API的使用
2021/06/23 Javascript