bootstrap3模态框垂直居中的方法
1、这是默认情况下,模态框显示在顶部位置的。

3、模态框的其他html代码如下。

5、在显示模态框的逻辑前,我们需要计算一下垂直居中的位置。先得到浏览器的窗口高度,然后减去弹出框的高度,我们这里假设它为200。相减后除2就是位置了。

7、再次运行页面,现在模态框弹出的位置已经是垂直居中的了。

1、这是默认情况下,模态框显示在顶部位置的。
3、模态框的其他html代码如下。
5、在显示模态框的逻辑前,我们需要计算一下垂直居中的位置。先得到浏览器的窗口高度,然后减去弹出框的高度,我们这里假设它为200。相减后除2就是位置了。
7、再次运行页面,现在模态框弹出的位置已经是垂直居中的了。