How to reload page on closing a Bootstrap 3 modal

Question

My aim is to get the page to reload when a Bootstrap modal is closed. The user can close the modal by clicking on the close button or icon or by clicking away from the modal.

Answer 1

You can bind the event to reload page on click of close:

$('#myModal').on('hidden.bs.modal', function () {
 location.reload();
})

Demo

Answer 2

try this with your button:

onclick="javascript:window.location.reload()"

full button:

<button type="button" onclick="javascript:window.location.reload()" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

example: http://jsfiddle.net/Valtos/52VtD/2288/embedded/result/

Answer 3

$('#myModal').on('hidden', function () {
  document.location.reload();
})

Demo