IE8发布Twitter启动3

Question

IE8发布Twitter启动3

我正在创建一个网站使用新的Twitter启动。该网站看上去很好，并在所有需要的浏览器工作，除了IE8。

在IE8中，它似乎显示了移动版本的元素，但却延伸到了我的桌面的整个屏幕上。我认为我遇到的问题是Twitter引导首先是移动的。因此，出于某种原因，IE8将选择这个选项。

我还注意到container类似乎没有像预期的那样引入最大宽度的css属性。有人能看到我做错了什么吗？

<!-- Favicon --><link rel="shortcut icon" href="/favicon.ico"><link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- Bootstrap --><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
<script src="/SiteFiles/js/modernizr.js"></script><!-- CSS --><link href="/SiteFiles/css/main.css" rel="stylesheet">

<header>
    <div class="topArea clearfix">
        <div class="container">
            <div class="topLinks">
                <div class="btn-group">
                    <span class="flag" data-toggle="dropdown">&nbsp;</span>
                    <ul class="dropdown-menu">
                        <li><a href="#">Country 1</a></li>
                        <li><a href="#">Country 2</a></li>
                        <li><a href="#">Country 3</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Country 4</a></li>
                        <li><a href="#">Country 5</a></li>
                        <li><a href="#">Country 6</a></li>
                    </ul>
                </div>

Answer 1

我还必须设置以下元标记：<meta&nbsp;http-equiv="X-UA-Compatible"&nbsp;content="IE=edge">

Answer 2

当我从Bootstrap 2转换到3时，我遇到了同样的问题。我已经得到了respond.js和html5shiv.js，并将我的元设置为EDGE。我错过了从2到3之间的Navbar元素类型已经改变了。在Bootstrap 2中，它是导航。在引导带3，它现在是头部。所以要完全解决这个问题我必须<meta&nbsp;http-equiv="X-UA-Compatible"&nbsp;content="IE=edge">在我加载我的CSS之后，把它放在正确的位置：<!--[if&nbsp;lt&nbsp;IE&nbsp;9]>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<script&nbsp;src="~/Content/compatibility/html5shiv.js"></script> &nbsp;&nbsp;&nbsp;&nbsp;<script&nbsp;src="~/Content/compatibility/respond.min.js"></script> <![endif]-->然后改变<nav&nbsp;class="navbar"&nbsp;role="navigation"></nav>到<header&nbsp;class="navbar"&nbsp;role="navigation"></header>哦，为了更好的衡量，我还加上了<meta&nbsp;name="viewport"&nbsp;content="width=device-width,&nbsp;initial-scale=1.0">仅仅因为这就是Bootstrap站点本身所拥有的。