title: bootstrap and bootbox: set dialog box center of the screen
body: <p>I am using bootbox.js from <a href="http://bootboxjs.com/examples.html" rel="noreferrer">http://bootboxjs.com/examples.html</a> and it is quite impressive. But I have an issue while setting up the location of the dialog box.</p>
  
  <p>I want to place dialog box center of the screen. I am using this code but dialog box stays on top of the screen.</p>
  
  <pre><code> bootbox.alert('Danger!!').find('.modal-content').css({
       'background-color': '#f99',
       'font-weight': 'bold',
       color: '#F00',
       'top': '50%',
       'margin-top': function() {
           return -(box.height() / 2);
       },
       'font-size': '2em',
       'font-weight': 'bold'
   });
  </code></pre>
  
  <p>Please advise how can set the dialog box center of the screen.</p>