title: Bootstrap modal view
body: <p>I am using bootstrap modal in my code but when <strong>I open modal it not display in a proper way</strong>. 
  Please tell me where is my code wrong?
  I attach my html, css with screen-shot file below:</p>
  
  <p>This my code on codepen:
  <a href="https://codepen.io/arpita1030/pen/jgvrJQ" rel="nofollow noreferrer"><code>Bootstrap modal view</code></a></p>
  
  <p>This current look:
  <a href="https://i.stack.imgur.com/HjEKe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HjEKe.png" alt="enter image description here"></a></p>
  
  <p>This is what I want:
  <a href="https://i.stack.imgur.com/4hSOF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4hSOF.png" alt="enter image description here"></a></p>