title: Making Twitter Bootstrap Modal window bigger
body: <p>I'm using bootstrap modal to show images. </p>
  
  <p>How do I simply make <code>Twitter Bootstrap</code> modal window bigger?</p>
  
  <p>I'm using code from the (<a href="https://stackoverflow.com/questions/14200404/twitter-bootstrap-modal-width-issues">related</a>) question:</p>
  
  <pre><code>$('#myModal').modal({
          backdrop: true,
          keyboard: true,
          show: false
      }).css({
          // make width 90% of screen
         'width': function () { 
             return ($(document).width() * .9) + 'px';  
         },
          // center model
         'margin-left': function () { 
             return -($(this).width() / 2); 
         }
  });
  </code></pre>
  
  <p>But here's the result:</p>
  
  <p><img src="https://i.stack.imgur.com/3MqNE.png" alt=""></p>
  
  <p>I have to scroll it down. How do I keep image ratio and show it without a scrollbar?</p>