移动端实现bootstrap模态框从底部弹出并停靠在底部

我们在H5上可能会用到bootstrap实现如下效果：

1、从底部弹出

设置css：

.modal.fade .modal-dialog {
   
	transform: translate3d(0, 10vh, 0);
}
.modal.in .modal-dialog {
   
	transform: translate3d(0, 0, 0);
}

2、停靠在底部

模态框最外层（#myModal）的样式在bootstrap.css里是这样的

我们需要把top改为auto，bottom: 0才起作用；

#myModal {
   
	top: auto;
}