title: Lock bootstrap modal to bottom-right corner?
body: <p>I'd like to lock a Bootstrap 3 modal to the bottom-right corner of the window, like this: </p>
  
  <p><a href="https://i.stack.imgur.com/MkvUb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MkvUb.png" alt="enter image description here"></a></p>
  
  <p>I have tried to move it using <code>top: x%; left: x%</code> CSS, but that completely breaks responsiveness. How do I lock it to the bottom right of the window, regardless of window size?</p>
  
  <p>Thank you in advance.</p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/eqhdqsyp/6" rel="nofollow noreferrer">http://jsfiddle.net/eqhdqsyp/6</a></p>