如何使用引導將模態引入頁面的前端？

我正在嘗試使用bootstrap實現模態。當我點擊按鈕時，屏幕會消失，模態顯示，但它出現在圖像後面，用戶無法讀取。我如何讓模態前進？如何使用引導將模態引入頁面的前端？

<div class ="container-fluid"> 
<div class = "row-fluid"> 

    <div class = "span2"> 
     <!-- Modal --> 
     <div class="modal hide fade" id="myModal"> 
      <div class="modal-header"> 
      <a class="close" data-dismiss="modal">×</a> 
      <h3>Modal header</h3> 
      </div> 
      <div class="modal-body"> 
      <p>One fine body…</p> 
      </div> 
      <div class="modal-footer"> 
      <a href="#" class="btn">Close</a> 
      <a href="#" class="btn btn-primary">Save changes</a> 
      </div> 
     </div> 

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

    <div class = "span8">  
     #a lot of images in this div 
    </div> 

</div> 
</div>

來源

2012-12-02 sharataka

想通了。我無法在頁面上的固定元素中使用模態。

來源

2012-12-02 04:58:57 sharataka

-1

你的代碼很好用;您需要包含bootstrap.css和引導程序modal.js庫。

生活DEMO。

來源

2012-12-02 01:58:20 salih0vicX

我確實有這兩個包括;該模式會出現，但它位於頁面上的所有其他內容的後面，而不在其前面。這有幫助嗎？ – sharataka

如何使用引導將模態引入頁面的前端？

回答

相關問題