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 http-equiv="X-UA-Compatible" content="IE=edge">

Answer 2

当我从Bootstrap 2转换到3时，我遇到了同样的问题。我已经得到了respond.js和html5shiv.js，并将我的元设置为EDGE。我错过了从2到3之间的Navbar元素类型已经改变了。在Bootstrap 2中，它是导航。在引导带3，它现在是头部。所以要完全解决这个问题我必须

<meta http-equiv="X-UA-Compatible" content="IE=edge">

在我加载我的CSS之后，把它放在正确的位置：

<!--[if lt IE 9]>  
    <script src="~/Content/compatibility/html5shiv.js"></script>
    <script src="~/Content/compatibility/respond.min.js"></script>
<![endif]-->

然后改变

<nav class="navbar" role="navigation"></nav>

到

<header class="navbar" role="navigation"></header>

哦，为了更好的衡量，我还加上了

<meta name="viewport" content="width=device-width, initial-scale=1.0">

仅仅因为这就是Bootstrap站点本身所拥有的。