Help get this topic noticed by sharing it on Twitter, Facebook, or email.

COT tricks: Using bootstrap modal form on custom page.

If you want to use Bootstrap Modal and it is not working as intended follow this guide that neither work as intended, but at least will let you use small modals fine.

I'm shure that there's another way to achieve this but this is what i did and didn't find any solutions around here.

1.- Create a click listener on your modal trigger button.

$( "#mybtn" ).click(function() {

});

2.-Inside the trigger you can wait a few milliseconds to let the modal background animation finish, and then set a low or auto z-index to $(".modal-backdrop").

$( "#mybtn" ).click(function() {
setTimeout(function () {
$(".modal-backdrop").css("z-index", "auto");
}, 500);
});

3.- PROFIT.

BEFORE:



AFTER:

1 person likes
this idea
+1
Reply