2012-10-03 132 views
1

我複製的代碼從給出的例子一模一樣不是隱藏:引導:Twitter的引導模態時,頁面加載

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

<-- Modal --> 
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-header"> 
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
<h3 id="myModalLabel">Modal header</h3> 
</div> 
<div class="modal-body"> 
<p>One fine body…</p> 
</div> 
<div class="modal-footer"> 
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
<button class="btn btn-primary">Save changes</button> 
</div> 
</div> 

http://twitter.github.com/bootstrap/javascript.html#modals 

當頁面第一次加載時,模態表現立即開始。我沒有JavaScript來觸發它。他們網站上的現場演示並不像這樣。有什麼遺漏?

回答

6

hide類添加到您的模態。

更新在B3中,模態已經完全改造。你不應該需要這個班。

如果仍然顯示,請確保您在HTML中使用正確的語法。它應該默認隱藏。

+0

這是有效的。謝謝。他們是否想要更新他們的文檔?他們給出的例子和現場演示的行爲有所不同。 – user926958

+1

遊戲後期,但想輸入。語法是我的問題。在第一個div中,我有class =「modal-fade」而不是class =「modal fade」。其他類有 - ,所以我想我只是把它扔到那裏。 – WreithKassan