Я искал какое-то время и нашел, что некоторые люди его работали, но ни один из них не предоставляет образцы кода.
Я попробовал свои предложения, но это не сработало для меня. По предложениям я попытался добавить <meta http-equiv="X-UA-Compatible" content="IE=edge" />
, respond.js
или css3-mediaqueries-js
, но ни один из них не помог.
Здесь jsfiddle, если вы просмотрите его с помощью IE8, вы увидите, что как a
, так и b
находятся на независимо от ширины вашего браузера.
Но если вы просматриваете Chrome, FF или IE9 или выше, вы увидите их в разных строках или в одной строке в зависимости от ширины браузера.
UPDATE
Я попытался раскомментировать один из них (css3-mediaquery, html5shiv и ответить) за один раз, но ему не повезло ни с одним из них.
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="#" onclick="location.href='http://netdna.bootstrapcdn.com/twitter-bootstrap/latest/css/bootstrap-combined.min.css'; return false;" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="span4">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
<div class="span8">
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT.
</div>
</div>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/latest/js/bootstrap.min.js"></script>
<%--<script type="text/javascript" src="js/css3-mediaqueries.js"></script>--%>
<%--<script type="text/javascript" src="js/html5shiv.js"></script>--%>
<%--<script type="text/javascript" src="js/respond.js"></script>--%>
</script>
</body>
</html>