Question

使用Twitter bootstrap 2.1.0中的最新样式表，我无法在IE浏览器9中正确呈现标签的导航栏。

图片

（对不起，我无法嵌入）

在Chrome中正确呈现。

<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>

  <ul class="nav nav-tabs">
  <li class="active">
    <a href="#">Home</a>
  </li>
  <li><a href="#">...</a></li>
  <li><a href="#">...</a></li>
</ul>

</body>
</html>

奇怪的是，它在JS Bin预览中正确呈现？

Answer 1

在HTML的顶部添加<!DOCTYPE html>。

this页面的顶部将解释为什么如果你很好奇。

bootstrap - 导航栏标签未在9中正确呈现

1 个答案: