Bootstrap-Modal，Modal無法正常工作

我使用的是Bootstrap-modal，因爲我的客戶認爲Twitter Bootstrap的常規模式對他來說不夠好。Bootstrap-Modal，Modal無法正常工作

因此，我已經成功修改重新創建一個簡單的測試，使用全寬度模式，分離在一個單獨的頁面上。但是，當我將該代碼放入現有頁面並單擊該模式時，我什麼也得不到，只有一個白色覆蓋。模式的內容在他們沒有出現的頁面上。

這是要麼晚了，我不知道足夠的JavaScript/CSS來理解這一點。

頁面/代碼可以在這裏找到。在中間右側是一個藍色的「視圖演示」按鈕。

2014-10-07 Chad

我想這不是加載class =「modal」。只加載class =「模態背景」。 – 2014-10-07 07:08:18

如果您使用的引導，那麼你必須改變你的代碼，你當前的代碼

<button class="demo btn btn-primary btn-large" data-toggle="modal" href="#full-width">View Demo</button>

刪除href和數據放在目標=「＃全寬」，那麼你的代碼變得

<button class="demo btn btn-primary btn-large" data-toggle="modal" data-target="#full-width">View Demo</button>

2014-10-07 07:08:15

沒有工作，我沒有使用傳統的Twitter bootstrap模式。我正在使用github/twitter bootstrap擴展。 – Chad 2014-10-07 07:17:15

我檢查了你的頁面源代碼沒有ID＃全寬度，它不是開放的div – 2014-10-07 07:26:27

嗯，我看到你的按鈕上的當前代碼是currec與數據目標不href。我想你已經把一個「隱藏」類放到模態上。當它打開時，隱藏模式的內容也會被隱藏起來。只要刪除它。

2014-10-07 07:18:18 DebbieMiller

可能是以下兩個問題：

我有同樣的問題時，我引導的初學者。只需從官方bootstrap站點下載適當的css和js並使用它。

2014-10-07 11:24:49

回答