title: Bootstrap Modal is getting hidden when window is resized
body: <p>I am working on a web page where i am using bootstrap drop down and modal popup.</p>
  
  <p>I am placing the modal popup inside drop down div. The popup is opening and working perfectly. </p>
  
  <p>What issue i am getting is whenever i resize the window, modal popup is getting hidden when window comes to its minimum width.</p>
  
  <p>I want the popup to stay on page.</p>
  
  <p>Below is the code:</p>
  
  <pre><code>&lt;div class="btn-group dropdown"&gt;
          &lt;button type="button"
                  id="btnCalculate"
                  data-toggle="dropdown"
                  class="dropdown-toggle"&gt;
              Calculate
          &lt;/button&gt;
          &lt;div class="dropdown-menu" style="width:auto; min-width: 400px;" role="menu"&gt;
              &lt;div class="col-md-12"&gt;
                  &lt;row&gt;
                      &lt;label class="control-label"&gt;Test&lt;/label&gt;
                      &lt;button name="getBalance"
                              type="submit"
                              data-toggle="modal"
                              data-target="#myModal"
                              class="btn btn-default"
                             &gt;
                          Balance
                      &lt;/button&gt;
                  &lt;/row&gt;
              &lt;/div&gt;
              &lt;!-- Modal --&gt;
              &lt;div class="modal fade" id="myModal" role="dialog"&gt;
                  &lt;div class="modal-dialog"&gt;
                      &lt;!-- Modal content--&gt;
                      &lt;div class="modal-content"&gt;
                          &lt;div class="modal-header"&gt;
                              &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
                              &lt;h4 class="modal-title"&gt;Modal Header&lt;/h4&gt;
                          &lt;/div&gt;
                          &lt;div class="modal-body"&gt;
                              &lt;p&gt;Some text in the modal.&lt;/p&gt;
                          &lt;/div&gt;
                          &lt;div class="modal-footer"&gt;
                              &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Thanks</p>