2013-10-04 51 views
10

我正在使用引導模式。該triggrer是這樣的:Bootstrap模式未顯示。只有背景變成黑色

<a id="add-feed-button" role="button" data-toggle="modal" href="#add-feed-form" class="btn pull-right btn-success" style="margin-left:5px; margin-top:-4px;">Add new</a> 

和我的模式:

<div id="add-feed-form" class="form-feed modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
this is modal. 
</div> 

問題是,只有背景變成了黑色,但似乎沒有模態。

我已經包括bootstrap.js和bootstrap.min.css。我已經使用了很多次,但這是一個奇怪的問題。

回答

21

div#add-feed-form刪除.hide類,然後它會正常工作。

Demo

+1

一個問題我已經是爲什麼不需要'hide'類當** [引導文檔](http://getbootstrap.com/2.3.2/javascript.html#modals) **暗示它應該在那裏? – vogomatix

+1

,因爲hide類已經在Bootstrap文檔中提及。這使它隱藏起來。 –

+0

@vogomatix,因爲'hide'類在bootstrap 2.X中使用並在bootstrap 3.X中刪除。我認爲這個用戶會把這個2.X代碼移植到3.X上,因此在.hide中遇到問題。希望能幫助到你 ! ;) – uday