web-dev-qa-db-ja.com

Bootstrapモーダルが表示されていません。背景のみが黒になります

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も含めました。私は何度もモーダルを使用しましたが、これは奇妙な問題です。

11
Sankalp Mishra

削除する .hideクラスからdiv#add-feed-formそしてそれはうまくいくでしょう。

デモ

21
Shivam Chopra