Bootstrap模态随机移动到屏幕右侧

Question

我在bootstrap模态中有一个功能完备的标志，没有对其css进行任何更改，有一天它只是出现在图片中，切断到右边。我已经把它从w3schools的模态中复制出来，正如你所看到的，同样的结果。有任何想法吗？它目前是w3schools代码。

     <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">
      <p>Some text in the modal.</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>

</div>

link to image here