引导模式弹出窗口在ASP.NET中显示为双层，并在弹出窗口时移动内容

Question

我从来没有使用过Bootstrap模式弹出窗口的经验。但是在最近完全以bootstrap为基础的主题购买中，他们也演示了模式弹出窗口，这完全可以在他们的HTML页面上工作。但是，当我融入我的母版页，一切工作正常。但仅靠模态弹出窗口显示为双，你可以在图片中看到下面

我没有得到任何想法，为什么它的行为喜欢这个，当一切都在HTML页面和ASPX页面是一样的。另外，当模式弹出窗口显示时，页面上会出现类似的事情，或者当模式弹出窗口出现时，会向右跳转。

这里是我的模态弹出代码

<div class="modal fade bs-example-modal-sm" id="mytestmodal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      ... 
     </div> 
    </div> 
</div> 

这里是按钮的代码

<button class="btn btn-info btn-block" data-toggle="modal" data-target="#mytestmodal"> 
    <i class="fa fa-copy"></i>| Clone Data 
</button> 

Answer 1

对于跳跃，编辑的CSS

body.modal-open{ 
    overflow: visible !important; 
} 

Answer 2

侧向shifti ng是a known open bug in Bootstrap。
假设你的模式是不是足够长，需要滚动，你可以尝试this supposed workaround：

.modal { 
    overflow-y: auto; 
} 

.modal-open { 
    overflow: auto; 
}