bootstrap modal not active

Question

I have used a boostrap modal snippet for a website of mine. However when i click on it, the whole page is greyed out and the model form is inactive.

Does anybody have an idea why this is happening?

here is the site, please click on the buttom at the bottom of the page:

http://www.playersleague.co.uk/kids/?page=Home

here is the code used to create the modal:https://bootsnipp.com/snippets/featured/squarespace-like-modal

Answer 1

Setting your .modal-backdrop z-index value to 0 or -1 should fix the issue.

.modal-backdrop {
  z-index: -1;
}