从Bootstrap官网上原文复制粘贴，将其整理的 Bootstrap入门教学文档。 Bootstrap 简介 8 什么是 Bootstrap？ 8 历史 9 为什么使用 Bootstrap？ 9 Bootstrap 包的内容 9 Bootstrap 环境安装 11 下载 Bootstrap 11 文件结构 12 HTML 模板 12 实例 13 Bootstrap CSS 概览 15 HTML 5 文档类型（Doctype） 15 移动设备优先 15 响应式图像 16 全局显示、排版和链接

主要为大家详细介绍了bootstrap模态框垂直居中效果的实现代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例效果其实就是一个点击弹窗效果，供大家参考，具体内容如下 先上jquery代码 //模态框垂直居中 function centerModals() { $('.modal').each( function(i) { var $clone = $(this).clone().css('display', 'block') .appendTo('body'); var top = Math.round(($clone.height() - $

在pc端开发，模态框是一个很常用的插件，之前一直用的第三方插件，比如bootstrap，jQuery的模态框插件，最近还用了elementUI的。但是会发现其实动画效果都差不多，那么如何去实现这样一个动画效果呢？ 模态框的构成  常见的模态框的结构我们很容易就可以看出，一个遮罩层，还有内容区。内容区主要是头部（包括标题，关闭按钮）和body部分（body中常常会有确认和取消按钮）。 布局  1.背景要充满全屏，而且如果页面有滚动，当模态框弹出的时候是无法滚动的；  2.内容区要水平居中显示，至于