如何更改引导程序中模态的默认位置？ [英] how to change the default positioning of modal in bootstrap?

问题描述

<div class="modal">
  <div class="modal-dialog">
    <div class="modal-content">

      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Modal title</h4>
      </div>

      <div class="modal-body">
        <p>One fine body…</p>
      </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>

    </div>
  </div>
</div>

如何更改引导程序中的默认模式位置，我应该在哪里进行编辑以更改默认位置。

how can I change the default modal position in bootstrap, where should I edit to change the default position.

推荐答案

在HTML中添加以下CSS，然后尝试更改顶部，右侧，底部，左侧的值。

Add the following css to your html and try changing the top, right, bottom, left values.

.modal {
   position: absolute;
   top: 10px;
   right: 100px;
   bottom: 0;
   left: 0;
   z-index: 10040;
   overflow: auto;
   overflow-y: auto;
}

这篇关于如何更改引导程序中模态的默认位置？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！