Twitter Bootstrap在Android WebView中不起作用

HTML文件(test.html)是

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <link href="bootstrap.css" rel="stylesheet" type="text/css"/> <link href="bootstrap-responsive.css" rel="stylesheet" type="text/css"/> </head> <body> <h1>Hello World!!!</h1> <a class="btn btn-primary btn-large"> Learn more </a> </body> </html> 

HTML和引导CSS文件放置在资产文件夹中。 如果我在IE / Firefox中打开HTML文件,则显示正确。 但是Android WebView不能正确渲染

WebView的代码是

 WebView webView = (WebView) findViewById(R.id.webview); webView.getSettings().setJavaScriptEnabled(true); String url = "file:///android_asset/test.html"; webView.loadUrl(url); 

IE呈现这样

IE像这样呈现

WebView呈现像这样

WebView像这样呈现

哪里不对?

Solutions Collecting From Web of "Twitter Bootstrap在Android WebView中不起作用"

添加这一行

 webView.getSettings().setDomStorageEnabled(true); 

在模拟器上testing – Android版本4.2与Bootstrap v2.3.2

我应用资源文件夹中的文件:

  bootstrap-responsive.css bootstrap.css test.html 

无需在Android清单中添加“android.permission.INTERNET”,因为css文件在应用程序的资源文件夹中本地可用。

这里是它如何呈现的截图。 除非CSS文件存在问题,否则没有任何理由不能这样做(因为您可以在浏览器中看到结果,所以不太可能)。

在这里输入图像说明