Class=“modal dialog”style="padding-top: 20px；!important“-不起作用

Question

不起作用：

 class="modal-dialog " style="padding-top: 20px; !important" 

我想把它放在bootstrap.css文件的窗口中间，我正在覆盖css类，但它没有帮助：

.modal-dialog {
  padding-top: 20px; !important
  position: relative;
  width: auto;
  margin: 10px; }

Answer 1

如果您使用的是bootstrap 4，请使用

class="modal-dialog modal-dialog-centered"

而不是

class="modal-dialog"

对于bootstrap 3，使用CSS

.modal { display: flex; } 
.modal .modal-dialog { margin: auto; }

有关垂直中心引导模式的信息，请参见