<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script data-require="bootstrap" data-semver="3.3.2" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script src="script.js"></script>

    <link data-require="bootstrap@*" data-semver="3.3.2" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
  </head>

  <body>
    <h1>Center Dialog</h1>
    <button class="btn" type="button" id="menu">
      <a role="menuitem" tabindex="-1" href="#" data-target="#general-financial-planning-modal" data-toggle="modal">Show Dialog</a>
    </button>
    
    <div id="general-financial-planning-modal" class="modal fade ng-scope" title="Call Me Back" visible="showModal" aria-hidden="true" style="display: none;">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    	      <h4 class="modal-title">Heading</h4>
          </div>
          <div class="modal-body">
             <div class="row">
               <p>Content</p>
             </div>
          </div>
          <div class="modal-footer">
            <div class="row">
              <button type="button" class="btn-lg btn-primary btn-block">Submit</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>

</html>

$(document).ready(function(){
  function centerModal() {
    $(this).css('display', 'block');
    var $dialog = $(this).find(".modal-dialog");
    var offset = ($(window).height() - $dialog.height()) / 2;
    // Center modal vertically in window
    $dialog.css("margin-top", offset);
  }

  $('.modal').on('show.bs.modal', centerModal);

  $(window).on("resize", function () {
    $('.modal:visible').each(centerModal);
  });
});
 
body {
  height: 900px;
}