title: Bootstrap 4 creating non modal dialog box
body: <p>I'm want to create a non modal dialog box using bootstrap 4. </p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"&gt;
      Open modal
    &lt;/button&gt;
    &lt;div class="modal fade" id="myModal"&gt;
      &lt;div class="modal-dialog"&gt;
        &lt;div class="modal-content"&gt;
          &lt;div class="modal-body"&gt;
            Modal body..
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried by overriding <strong>model</strong>  class as below </p>
  
  <pre><code>.modal{
    top:10%;
    left:50%;
    bottom:auto;
    right:auto;
    margin-left: 30%;
  }
  </code></pre>
  
  <p>Can someone please help me out </p>