模式窗口对齐底部在Bootstrap 2.0

Question

我有bootstrap模态窗口，我是正确显示在浏览器与顶部50%

.modal.fade.in {
  top: 50%;
}

但是在移动屏幕上，模态窗口没有正确显示，它在底部对齐。我已经检查了firbug，发现top 50%属性更改为top auto

.modal.fade.in {
  top: auto;
}

因为手机屏幕窗口很小，引导响应js改变这个属性。

作为发现这个我正在考虑写css类如下在我自己的css将覆盖引导css代码

.modal.fade.in {
  top: 50% !important;
}

那么模态窗口将始终以50%的top属性对齐

让我知道这是可以的还是有其他的解决方案

Answer 1

我不知道是否有其他的解决方案，但是只要你在你的css文件中保留这个属性(最后一个带有!important)，它就不会引起任何问题了;