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模态冻结页面

回答

相关问题