时间戳

首页 > 解决方案 > Bootstrap 4 modal - center + min-width

css - Bootstrap 4 modal - center + min-width

问题描述

在模态内容上添加最小宽度时，我无法使其居中

@media screen and (min-width: 900px){
    .modal-content{
        min-width: 900px;
    }
}

我尝试了很多东西，这是一个非详尽的列表

  margin: auto;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  text-align: center;

任何想法？非常感谢！

这是模态内容 div

<div role="document" class="modal-dialog">
   <div class="modal-content">
      <div class="modal-header">
         <h5 id="doublonsModal" class="modal-title">title</h5>
         <p></p>
      </div>
      <div class="modal-footer"></div>
   </div>
</div>

标签： cssbootstrap-4

解决方案

推荐阅读