Bootstrap模式沒有顯示和行爲如預期

我已經複製並粘貼示例代碼從twitter bootstrap創建一個基本的模式窗口在我的WordPress的投資組合網站。Bootstrap模式沒有顯示和行爲如預期

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

最初，文檔加載時出現可見的框，這是不需要的。當點擊十字按鈕或關閉按鈕時，它不能被解除。

接觸按鈕是我加入模態觸發按鈕代碼，

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

在此按鈕上點擊時，背景變爲所期望顏色越深，盒可隨後被關閉。但在此事件發生後，主導航不能使用。我想在某個地方有一個簡單的衝突。任何關於如何排除故障的建議都會受到歡迎。該網站是在http://sandpit.jonathanbeech.co.uk/

來源

2013-07-14 Jonathan Beech

你添加了bootstrap css和js文件嗎？ –

這些都存在，我檢查查看來源，他們似乎顯示和正確加載。我想知道是否存在以前的風格衝突。用谷歌瀏覽器的檢查元素初步審視CSS似乎表明情況並非如此。 –

@JonathanBeech - 如果可能的話，刪除您的中加載的所有其他js庫，除了需要運行引導程序並查看是否解決該問題。由於命名空間問題，我看到自定義的JqueryUI類型庫會干擾BS。 http://dullsharpness.com/2013/04/29/resolve-jqueryui-and-twitter-bootstrap-button-conflict/ – cerd

試試這個：

刪除類hide從模格：
<div class="modal ~~hide~~ fade">
添加id屬性模態的div：id="myModal"

來源

2014-03-15 06:02:20 myusuf

Bootstrap模式沒有顯示和行爲如預期

回答

相關問題