Bootstrap的导航条在ie8下会自动折叠,就像手机访问一样,
因为ie8不支持媒体查询(Media query),所以无法通过媒体查询得到当前屏幕宽度,只需要将这几个文件放在本地,不用cdn就好了。
记住,bootstrap.min.css也需要放在本地。
<!--css文要和网站同域名才兼容IE8,放在本地最好-->
<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- 这些IE8兼容文件要和网站同域名才有效,放在本地最好 -->
<!--[if lt IE 9]>
<script src="/static/bootstrap/js/html5shiv.min.js"></script>
<script src="/static/bootstrap/js/respond.min.js"></script>
<![endif]-->
bootstrap.min.css放在本地会出现Glyphicon图标无法显示,需要从官网下载bootstrap/font这个文件夹拷贝到本地,就可以了