引導程序3模式窗體不出現

我用Bootstap 3完成了這個簡單的模式窗體，我不知道爲什麼當我單擊按鈕時它不出現。引導程序3模式窗體不出現

<div id="modal" class="modal hide fade in" style="display: none;"> 
    <div class="modal-header"> 
     <a class="close" data-dismiss="modal">×</a> 
     <h3>Some title</h3> 
    </div> 
    <div class="modal-body"> 
     <form id="modal-form" accept-charset="UTF-8" action="/mailing" data-remote="true" method="post"> 
      <label>Name:</label> 
      <input type="text" class="span6"> 

      <label>Email:</label> 
      <input type="text" class="span6"> 

      <label>Message:</label> 
      <textarea type="text" class="span12" rows="4"></textarea> 
     </form> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn btn-success">Send</a> 
     <a href="#" class="btn" data-dismiss="modal">Cancel</a> 
    </div> 
</div>

這是按鈕按下時，應該使這一模式窗口出現：

<p class="text-center"> 
    <a data-toggle="modal" href="#modal" class="btn btn-success btn-lg"> 
     <span class="glyphicon glyphicon-envelope"></span> 
        Message me 
    </a> 
</p>

這是不是我在網路上看到的例子代碼太大的不同，但我可以」使模態窗口出現。

任何想法爲什麼它不工作？

編輯：

這是我多麼包括引導JS文件：

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> 
<link href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />

來源

2013-10-18 Xar

你是否包含Bootstrap JS文件？ – Bojangles

是的，我是。我將編輯我的帖子，顯示如何包含Bootstrap js文件。 – Xar

另外，我剛剛注意到你已經在模態_and_'display：none'上得到了'hide'類。刪除'display：none'，它應該（可能）工作 – Bojangles

你沒有引導的js文件。這些不是js文件，而是bootstrap的css文件。包括這你的身體元素中在結束標記之前 < /身體需要>

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

CSS和JS文件

來源

2013-10-21 13:14:04 Damathryx

嘗試從模態DIV去除類hide：
<div id="modal" class="modal fade in" style="display: none;">

來源

2014-03-15 05:39:51 myusuf

引導程序3模式窗體不出現

回答

相關問題