title: Bootstrap Modal disappears in android webview but works fine in Browser?
body: <p>When I open same code in any browser it works perfectly, but in web view all of sudden it disappears, sometimes becomes black.</p>
  
  <p>For your info I've included:</p>
  
  <pre><code>bootstrap.min.css
  bootstrap.js
  jquery.js
  jquery-mobile.1.4.5.js
  jquery-mobile.css
  </code></pre>
  
  <p>Meta Tags:</p>
  
  <pre><code>&lt;html lang="en" class="no-js"&gt; &lt;!--&lt;![endif]--&gt;
      &lt;head&gt;            
          &lt;!-- meta character set --&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;!-- Always force latest IE rendering engine or request Chrome Frame --&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
          &lt;title&gt;M-ZAES&lt;/title&gt;       
          &lt;!-- Meta Description --&gt;
          &lt;meta name="description" content="Blue One Page Creative HTML5 Template"&gt;
          &lt;meta name="keywords" content="one page, single page, onepage, responsive, parallax, creative, business, html5, css3, css3 animation"&gt;
          &lt;meta name="author" content="Muhammad Morshed"&gt;
  
          &lt;!-- Mobile Specific Meta --&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  </code></pre>
  
  <p>This is my code and Please tell me why is it happening?</p>
  
  <pre><code>     &lt;center&gt;
          &lt;img src="img/zone_switch.png" class="img-responsive zoom-img" style="width:60%" data-toggle="modal" data-target="#myModal2"/&gt;
      &lt;/center&gt;
  
  
  
        &lt;div class="modal fade" data-role="none" id="myModal2" role="dialog" style="margin-top:00px; z-index:30000;"&gt;
              &lt;div class="modal-dialog" data-role="none"&gt;
  
                &lt;!-- Modal content--&gt;
                &lt;div class="modal-content" data-role="none" style="margin-top:50px;"&gt;
                  &lt;div class="modal-header" data-role="none" style="background-color:lightgrey"&gt;
                    &lt;h4 class="modal-title"&gt;Select Zone&lt;/h4&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body" data-role="none"&gt;
  
  
                      &lt;div class="radio"&gt;
                          &lt;label&gt;&lt;input type="radio" data-role="none" name="optradio" onclick="switchToFirstZone()"&gt;First&lt;/label&gt;
                      &lt;/div&gt;
                      &lt;div class="radio"&gt;
                          &lt;label&gt;&lt;input type="radio" data-role="none" name="optradio" onclick="switchToSecondZone()"&gt;Second&lt;/label&gt;
                      &lt;/div&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;
  </code></pre>