2013-10-04 16 views
10

になります。ブートストラップモードが表示されません。唯一の背景には、私は、ブートストラップモーダルを使用しています黒

<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> 

問題は背景が黒になっていることですが、何のモーダルは表示されません。triggrerはこのようなものです

私はbootstrap.jsともbootstrap.min.cssが含まれています。私はモーダルをかなり使っていますが、これは奇妙な問題です。

答えて

21

div#add-feed-formから.hideクラスを削除し、それが正常に動作します。

Demo

+1

私が持っている疑問は、なぜ** [ブートストラップドキュメント](http://getbootstrap.com/2.3.2/javascript.html#modals)必要な 'hide'クラスがないです**それはそこにあるはずですか? – vogomatix

+1

はhideクラスが既にブートストラップドキュメントに記載されているためです。それはそれによってそれを隠す。 –

+0

@vogomatix、 'hide'クラスがブートストラップ2.Xで使用され、ブートストラップ3.xで除去されるため私はユーザーが2.Xのコードを3.Xに移植しようとしていると思うので、.hideに問題がある。それが役に立てば幸い ! ;) – uday

関連する問題