模态不能在大屏幕上工作

模态显示为小屏幕.... 但模式不显示为更大的屏幕.... 如何解决问题.... 提供我的代码和小提琴下面模态不能在大屏幕上工作

工作： http://jsfiddle.net/rajkumart08/KNPZB/6/

不工作：

http://jsfiddle.net/rajkumart08/KNPZB/6/embedded/result/

<script type="text/javascript"> 
     $('#myModal').modal({ show: false }) 
    </script> 


<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 

    <div id="myModal" class="modal hide fade"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true" >&times;</button> 
     <h3>Modal header</h3> 
     </div> 
     <div class="modal-body"> 
     <p>One fine body…</p> 
     </div> 
     <div class="modal-footer"> 
     <a href="#" class="btn" data-dismiss="modal">Close</a> 
     <a href="#" class="btn btn-primary" data-dismiss="modal">Save changes</a> 
     </div> 
    </div>

来源

2013-03-06 user2136828

仅删除线5614的CSS

的来源：

.navbar 
{ 
    height:86px; 
    margin-bottom:0 
}

要

.navbar 
{ 
    margin-bottom:0 
}

小：http://jsfiddle.net/KNPZB/7/ 大：http://fiddle.jshell.net/KNPZB/7/show/

来源

2013-03-06 22:02:58

哎你是怎么找到它...你能让我知道吗，我不会重复吗 – user2136828 2013-03-06 22:48:46

这很容易。在小屏幕上，当您悬停按钮时，您有指针游标，但在大屏幕上您有默认指针。因此，按钮上方还有其他元素。用鼠标右键单击按钮并使用此工具“查看元素”（chrome，safari和firefox），可以看到哪个元素位于另一个元素的上方。 – 2013-03-06 22:56:19

模态不能在大屏幕上工作

回答

相关问题