引導模式彈出窗口在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; 
}