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 Prototype 对象扩展
May 15 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
Feb 04 Javascript
javascript中DOM复选框选择用法实例
May 14 Javascript
jquery实现用户打分评分特效
May 28 Javascript
使用Promise解决多层异步调用的简单学习心得
May 17 Javascript
jQuery UI制作选项卡(tabs)
Dec 13 Javascript
用原生JS实现简单的多选框功能
Jun 12 Javascript
详解使用React全家桶搭建一个后台管理系统
Nov 04 Javascript
react实现点击选中的li高亮的示例代码
May 24 Javascript
vue远程加载sfc组件思路详解
Dec 25 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
Feb 15 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
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
在项目中寻找代码的坏命名
2012/07/14 PHP
Smarty中调用FCKeditor的方法
2014/10/27 PHP
浅谈PHP中foreach/in_array的使用
2015/11/02 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
多浏览器兼容性比较好的复制到剪贴板的js代码
2011/10/09 Javascript
Raphael一个用于在网页中绘制矢量图形的Javascript库
2013/01/08 Javascript
appendChild() 或 insertBefore()使用与区别介绍
2013/10/11 Javascript
jquery easyui 结合jsp简单展现table数据示例
2014/04/18 Javascript
node.js学习总结之调式代码的方法
2014/06/25 Javascript
javascript设置页面背景色及背景图片的方法
2015/12/29 Javascript
js select实现省市区联动选择
2020/04/17 Javascript
微信公众平台开发教程(四) 实例入门:机器人回复(附源码)
2016/12/02 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
2017/10/26 Javascript
Angular HMR(热模块替换)功能实现方法
2018/04/04 Javascript
vue.js template模板的使用(仿饿了么布局)
2018/08/13 Javascript
vue.js响应式原理解析与实现
2020/06/22 Javascript
JS实现获取自定义属性data值的方法示例
2018/12/19 Javascript
javascript删除数组元素的七个方法示例
2019/09/09 Javascript
JQuery常用选择器功能与用法实例分析
2019/12/23 jQuery
Nuxt配置Element-UI按需引入的操作方法
2020/07/06 Javascript
[03:39]DOTA2英雄梦之声_第05期_幽鬼
2014/06/23 DOTA
python字符串连接方式汇总
2014/08/21 Python
python3大文件解压和基本操作
2017/12/15 Python
django query模块
2019/04/20 Python
python 实现按对象传值
2019/12/26 Python
一文详述 Python 中的 property 语法
2020/09/01 Python
HTML5 本地存储之如果没有数据库究竟会怎样
2013/04/25 HTML / CSS
韩国邮政旗下生鲜食品网上超市:epost
2016/08/27 全球购物
分解成质因数(如435234=251*17*17*3*2,据说是华为笔试题)
2014/07/16 面试题
什么是岗位职责
2013/11/12 职场文书
大学生心理活动总结
2014/07/04 职场文书
机关领导干部作风整顿整改措施
2014/09/19 职场文书
2015年安康杯竞赛活动总结
2015/03/26 职场文书
药品销售员2015年终工作总结
2015/10/22 职场文书
2016年秋季运动会广播稿
2015/12/21 职场文书
介绍信应该怎么开?
2019/04/03 职场文书