Bootstrap模態凍結頁面

我已經在網上搜索這個問題的答案與這個問題是最接近我自己的。 Bootstrap Modal popping up but has a "tinted" page and can't interact Bootstrap模態凍結頁面

我正在用bootstrap創建一個管理頁面，我在那裏使用模態。造型使用Bootswatch主題完成。當使用一些主題時，打開一個模式，模式出現在有色頁面中，一切都凍結。我必須刷新頁面以重新擺脫它。

我試圖模態移動到頁面的底部，剛剛閉幕 </body>
標記之前。沒有用！

奇怪的是，與「基本」引導CSS，它有同樣的問題。有一些Bootswatch主題可以正常工作，而其他一些則可以解決這個問題。

我在js中做了個例子和這裏的例子：http://jsfiddle.net/qyo53dxh/ 這一個是與bootswatch的「紙」主題。當使用「聯合」主題時，它確實工作正常。

這是怎麼回事？

2014-12-04 Ivar Kramer

它很難隔離的具體問題沒有針對性的代碼示例，工作小提琴爲我們展示了little-因爲它不使問題得到證實。選擇一個不工作的主題，提供複製它所需的最少代碼，並可能提供一個例子。沒有它，它可能是什麼：S – SW4 2014-12-04 08:10:29

在你的小提琴中，你正在導入bootstrap.css和bootstrap.min.css？

請刪除 bootstrap.css

而且所有工作不錯。

<div class="modal fade forget-modal" tabindex="-1" role="dialog" aria-labelledby="myForgetModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal"> 
        <span aria-hidden="true">×</span> 
        <span class="sr-only">Sluiten</span> 
       </button> 
       <h4 class="modal-title">Wachtwoord resetten</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Typ uw email adres</p> 
       <input type="email" name="recovery-email" id="recovery-email" class="form-control" autocomplete="off"> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Annuleren</button> 
       <button type="button" class="btn btn-custom">Herstellen</button> 
      </div> 
     </div> <!-- /.modal-content --> 
    </div> <!-- /.modal-dialog --> 
</div> <!-- /.modal -->

這裏正在撥弄 http://jsfiddle.net/qyo53dxh/1/

來源

2014-12-04 08:01:28

Bootstrap模態凍結頁面

回答

相關問題