html - Bootstrap 4 模态对齐问题

Question

Bootstrap Modal 突然决定对我失败。一直在寻找解决方案，但没有任何内容符合我的问题，因为我没有使用 Bootbox 或测试版。

模式如下所示:

模态代码:

<div class="modal fade" id="successmodal" tabindex="-1" role="dialog" aria-labelledby="successmodalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="successmodalLabel">This is a title</h4>
      </div>
      <div class="modal-body">
        This is a message
      </div>
      <div class="modal-footer">
      </div>
    </div>
  </div>
</div>

我使用 jquery 展示它并且我正在使用这个 CDN:

https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js

这种风格的CDN(？):

https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css

Answer 1

遇到同样的问题!不知何故，它只是通过互换按钮和标题位置即可纠正，即

<h4 class="modal-title" id="successmodalLabel">This is a title</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>