title: Twitter Bootstrap not working in Android WebView
body: <p>HTML file(test.html) is </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width" /&gt;
      &lt;link href="bootstrap.css" rel="stylesheet" type="text/css"/&gt;
      &lt;link href="bootstrap-responsive.css" rel="stylesheet" type="text/css"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h1&gt;Hello World!!!&lt;/h1&gt;
   &lt;a class="btn btn-primary btn-large"&gt;
      Learn more
  &lt;/a&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>HTML and bootstrap css files are placed in assets folder. If I open the HTML file in IE/Firefox, it is displayed correctly. But Android WebView does not render this properly</p>
  
  <p>Code for WebView is</p>
  
  <pre><code>WebView webView = (WebView) findViewById(R.id.webview);
  webView.getSettings().setJavaScriptEnabled(true);
  String url = "file:///android_asset/test.html";
  webView.loadUrl(url);
  </code></pre>
  
  <p>IE renders it like this</p>
  
  <p><img src="https://i.stack.imgur.com/ndtdc.png" alt="IE Renders it like this"></p>
  
  <p>WebView renders it like this</p>
  
  <p><img src="https://i.stack.imgur.com/jZhAi.png" alt="WebView Renders it like this"></p>
  
  <p>What is wrong?</p>