模態不能在大屏幕上工作

模態顯示爲小屏幕.... 但模式不顯示爲更大的屏幕.... 如何解決問題.... 提供我的代碼和小提琴下面模態不能在大屏幕上工作

工作： 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

模態不能在大屏幕上工作

回答

相關問題