模态窗口在Bootstrap 2.0中与底部对齐

Question

我有自举模式窗口，我在浏览器上正确显示前50％

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

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

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

因为移动屏幕窗口是小型bootstrap响应js更改此属性。

发现这个我想在我自己的css中写下css类，它会覆盖bootstrap css代码

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

因此，模态窗口始终在顶部对齐50％的顶级属性

如果可以，或者有任何其他解决方案，请告诉我。

Answer 1

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