title: Prevent or remove full screen overlay from bootstrap modal
body: <p>When opening a bootstrap modal, it contains a shadow/dark backdrop. If you set this backdrop to <code>false</code> it removes the shadow, but the large area behind the modal still remains, preventing anything in the background from being clicked.</p>
  
  <p>Is there a way to limit the size of a modal to the size of the actual <code>.modal-content</code> area?</p>
  
  <p>Here is a fiddle demoing the issue: <a href="https://jsfiddle.net/s75L8z1v/" rel="nofollow noreferrer">https://jsfiddle.net/s75L8z1v/</a></p>
  
  <p>Right click and <code>Inspect</code> the background outside of the modal and you will still it still belongs to the modal object, preventing you from clicking the background behind it.</p>