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

如果您使用的是引导程序4 ，请使用

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

代替

class="modal-dialog"

，对于引导程序3 ，请使用CSS

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

参见此link，了解垂直居中的引导程序模式