title: Bootstrap 2 - set dialog/modal position
body: <p>I've found one way to do this:</p>
  
  <p>use margins to control dialog position so <code>margin: -335px 0 0 -280px</code>;</p>
  
  <p>setting the width you must reset the margins <code>width: 900px;   margin: -250px 0 0 -450px;</code></p>
  
  <p>to set the height use max-height  <code>max-height: 800px;</code>
  based on </p>
  
  <p><a href="http://www.revillwebdesign.com/change-the-height-width-and-position-of-a-modal-in-twitter-bootstrap/" rel="noreferrer">http://www.revillwebdesign.com/change-the-height-width-and-position-of-a-modal-in-twitter-bootstrap/</a></p>
  
  <p>Is there a better way to do this? Using this or another approach, is there a way to only have the dialog slide down to <code>top:0px</code> and stay there until dismissed?</p>
  
  <p>Using the first margin settings I mentioned does this but obviously as soon as the browser is resized it will get pushed out of view.</p>