Recently, I developed a Chrome app that includes an iframe element within it.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet" />
<title>Title</title>
</head>
<body >
<div class="container-fluid">
<iframe id="iframe" src="home.html" frameborder="0" height="150%" style="width: 100%;"></iframe>
</div>
</div>
</body>
</html>
Though the webpage loads fine when accessed through a web browser, the issue arises when it is called from the index page within the Chrome app - the bootstrap-theme.css fails to load properly.
I attempted to add type="text/css", but unfortunately, this did not resolve the issue either.