Close Bootstrap Modal

Solution 1:

Put modal('toggle') instead of modal(toggle)

$(function () {
   $('#modal').modal('toggle');
});

Solution 2:

to close bootstrap modal you can pass 'hide' as option to modal method as follow

$('#modal').modal('hide');

Please take a look at working fiddle here

bootstrap also provide events that you can hook into modal functionality, like if you want to fire a event when the modal has finished being hidden from the user you can use hidden.bs.modal event you can read more about modal methods and events here in Documentation

If none of the above method work, give a id to your close button and trigger click on close button.

Solution 3:

$('#modal').modal('toggle');

$('#modal').modal().hide();

should work.

But if nothing else works you can call the modal close button directly:

$("#modal .close").click()

Solution 4:

this worked for me:

<span class="button" data-dismiss="modal" aria-label="Close">cancel</span>

use this link modal close

Solution 5:

Try This

$('#modal_id').modal('hide');