Bootstrap modal popups from bottom of the screen with full width
<p>I want to make bootstrap modal pop ups from bottom of the screen like picture bellow. Is there anyway with bootstrap modal or is there any plugin that does this? And I want to cover the whole width.
My css is as follow</p>

<pre><code>#myModal3 {
  bottom:50%;
  overflow: hidden;
  left: 0%;
}
#myModal3 .modal-dialog  {
  width:100%;
}
</code></pre>

<p>Which doesn't work the way it should be.
 <a href="https://i.stack.imgur.com/5jKVS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5jKVS.png" alt="enter image description here"></a></p>