Bootstrap 3 modal vertical position center

Question

This is a two part question:

1. How can you position the modal vertically in the center when you don\'t know the exact height of the modal?

2. Is

Answer 1

This works for me:

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}