Bootstrap modal not showing. Only background becomes black

Question

I am using bootstrap modal. The triggrer is like this:

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

and my modal:

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

Problem is that only the backdrop becomes black but no modal appears.

I have included bootstrap.js and also bootstrap.min.css. I have used modals quite a times but this is a strange problem.

Answer 1

Remove .hide class from div#add-feed-form and then it will work fine.

Demo