Bootstrap modal not showing. Only background becomes black

php jquery twitter-bootstrap modal-dialog bootstrap-modal
Sankalp Mishra picture Sankalp Mishra · Oct 4, 2013 · Viewed 22k times · Source

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

Shivam Chopra picture Shivam Chopra · Oct 4, 2013

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

Demo

Related questions

Can I use dynamic content in a Bootstrap popover?

I am using a Bootstrap Popover in a 'Repeat Region' which displays Testimonials. Each testimonials has a 'View Property Details' button which opens up the popover. In the Pop over I am wanting to display the image associated with each …

Read More
Owl Carousel 2 sets itself to display none

im trying to get owl carousel 2 to work on my php site. I have used the exact same code on an Anguler site, besides the function of course. So This should work. Here is my script and links jQuery(document).…

Read More
Uncaught TypeError: data[option] is not a function bootstrap.js:1215

I'm getting the following error using the bootstrap lightbox from here: Uncaught TypeError: data[option] is not a function bootstrap.js:1215 I've copied all files directory and haven't altered any parameters. This is my code: JS Linking: <script src="…

Read More