文档章节

bootstrap 3.3 模态框垂直居中问题

四-月
 四-月
发布于 2015/03/04 16:42
字数 56
阅读 5808
收藏 7
/* center modal */
function centerModals(){
    $('.modal').each(function(i){
        var $clone = $(this).clone().css('display', 'block').appendTo('body');    var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 2);
        top = top > 0 ? top : 0;
        $clone.remove();
        $(this).find('.modal-content').css("margin-top", top);
    });
}
$('.modal').on('show.bs.modal', centerModals);
$(window).on('resize', centerModals);

本文转载自:http://www.minimit.com/articles/solutions-tutorials/vertical-center-bootstrap-3-modals

四-月
粉丝 0
博文 8
码字总数 2105
作品 0
杨浦
私信 提问
bootstrap模态弹出框

模态弹出框(Modals) 这一小节我们先来讲解一个“模态弹出框”,插件的源文件:modal.js。 右侧代码编辑器(30行)就是单独引入 bootstrap 中发布出的“modal.js”文件。 样式代码: ☑ LE...

老胡不胖
2015/11/23
2.1K
0
Bootstrap 帮助器类

本章将讨论 Bootstrap 中的一些可能会派上用场的帮助器类。 关闭图标 使用通用的关闭图标来关闭模态框和警告框。使用 class close 得到关闭图标。 <!DOCTYPE html><html><head> <title>Boots...

wybo521
2016/01/26
8
0
关于手机浏览器背景图片莫名不显示问题(定位问题)

最近新做了个博客,采用 BootStrap 3.3 做的,自适应的效果挺不错的 :) 现在突然发现了一个问题,那就是在我手机版 chrome 39 浏览器下,首页背景图片不显示了,其他页面背景图片均可显示;...

skq
2014/12/05
2.3K
0
Bootstrap 模态框多次显示后台会提交多次BUG

模态框 Bootstrap Modal Bootstrap 的模态框使用 Bootstrap 的前端应该都接触过。 本文记录一下今天使用时遇到的 BUG,以便以后查阅和帮助其他遇到同样问题的伙伴们。 BUG 情景 使用场景 触发...

叶止水
2017/12/25
0
0
爬了一个echarts+bootstrap模态框的小坑。

最近在做一个pc的项目,要把echarts图表在bootstrap模态框里展示,用户点击按钮弹出内容为echarts图表的modal。听起来so easy对吧?来,我们按照正常的思路 一、先搞一个模态框出来~ HTML: ...

roc_young
2017/06/06
1K
2

没有更多内容

加载失败,请刷新页面

加载更多

SDKMAN推荐一个好

是在大多数基于Unix的系统上管理多个软件开发工具包的并行版本的工具。它提供了一个方便的命令行界面(CLI)和API来安装,切换,删除和列出sdk相关信息。以下是一些特性: By Developers, fo...

hotsmile
10分钟前
2
0
什么是 HDFS

是什么? HDFS 是基于 Java 的分布式文件系统,允许您在 Hadoop 集群中的多个节点上存储大量数据。 起源: 单机容量往往无法存储大量数据,需要跨机器存储。统一管理分布在集群上的文件系统称...

Garphy
13分钟前
1
0
一起来学Java8(四)——复合Lambda

在一起来学Java8(二)——Lambda表达式中我们学习了Lambda表达式的基本用法,现在来了解下复合Lambda。 Lambda表达式的的书写离不开函数式接口,复合Lambda的意思是在使用Lambda表达式实现函...

猿敲月下码
38分钟前
9
0
debian10使用putty配置交换机console口

前言:Linux的推广普及,需要配合解决实际应用方能有成效! 最近强迫自己用linux进行实际工作,过程很痛苦,还好通过网络一一解决,感谢各位无私网友博客的帮助! 系统:debian10 桌面:xfc...

W_Lu
今天
10
0
aelf Enterprise 0.8.0 beta有奖公测,“Bug奖金计划”重磅开启

2019年9月30日,aelf Enterprise 0.8.0 beta版正式发布。aelf Enterprise 0.8.0 beta是一个完备的区块链系统, 包含完备的区块链系统、开发套件、开发文档、以及配套的基础应用和基础服务。 ...

AELF开发者社区
今天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部