2013-08-06 160 views
0

我試圖使用引導程序代碼創建一個模式,由於某種原因,它不適用於我。我甚至試圖創建一個新的HTML文件,並將代碼放在那裏,並使用引導程序的css代碼將其鏈接到一個css文件,但它在那裏也不起作用。引導程序模式不工作

<a class="btn" data-toggle="modal" href="#myModal">Launch Modal</a> 
<div class="modal hide" id="myModal"> 
<div class="modal-header"> 
<button class="close" data-dismiss="modal">×</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">Save changes</a> 
</div> 
</div> 

它只是增加了這對我的網址的結尾 - - 使用下面的代碼在實際文件IM #myModal

誰能告訴我什麼可能是錯的,或給我的示例代碼一個模式

任何幫助,將不勝感激

+0

請更新您的問題,包括完整的HTML,所以我們可以看到,如果你包括必要的JavaScript。 – kba

+0

http://jsfiddle.net/q6NJj/ – dfsq

+0

有沒有JavaScript,因爲bootstrap說,這段代碼可以用於沒有javascript的模式 – user2636368

回答

0

我的猜測是,你不加載引導正確

下面是其中y一個CDN您可以同時加載引導(添加到您的您的文檔<head>

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> 

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> 
+0

我把這加到,但沒有任何變化 – user2636368

+0

好的嘗試按f12在你的瀏覽器,去你的控制檯刷新頁面,看看控制檯,看看是否有任何錯誤顯示在那裏 –

+0

控制檯中沒有錯誤顯示 – user2636368