0

我遇到了 bootstrap.js-IE9 问题。当我的页面在 IE9 中加载时，它一目了然。使用开发工具强制 IE9 进入 Compability 模式可以解决问题。但是，没有它也应该可以工作。

您可以在我的迷你应用程序中进行测试。

正如您在代码中看到的那样，该页面相当简单，还没有任何奇特的功能：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="/resources/css/main.css"/>
<link rel="stylesheet" type="text/css" href="/resources/css/bootstrap.min.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Welkom bij STT!</title>
<script src="/resources/js/jquery-1.9.1.min.js"></script>
<script src="/resources/js/bootstrap.min.js"></script>
</head>
<body>
<div id="main" class="container">

<div class="row" >
    <div class="span1"><span><img src="" alt="Logo" title="Logo"/></span></div>
    <div id="registration" class="span2 btn disabled ">registreer</div>
    <div id="accounting" class="span2 btn disabled ">accounting</div>
    <div id="reporting" class="span2 btn disabled ">rapportage</div>
    <div class="span2"></div>
    <div class="span3"><span>Welcome Jurgen Goossens</span></div>
</div>



<div class="row">
    <div class="span8 well">welkom bij STT!</div>
    <div class="span4"></div>
</div>


<div class="row">
        <div class="span1"></div>
        <div id="customers" class="span2 btn "><a href="/customer/">klanten</a></div>
        <div id="performance" class="span2 btn "><a href="/tasktype/">taken</a></div>
        <div id="users" class="span2 btn "><a href="/user/">gebruikers</a></div>
        <div class="span5"></div>
</div>

</div>
</body>
</html>

有谁知道这与什么有关？

4

2 回答 2

2

问题不是全部引导:(。经过长时间的搜索后，我发现以下自定义 CSS 代码可以解决冻结 IE9 的问题：

.btn:first-letter,
label:first-letter,
.navbar-inner .brand:first-letter
{
    text-transform: uppercase;
}

需要进一步研究，但这是另一个任务......

Tnx 的帮助

于 2013-03-21T08:25:37.777 回答
2

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">是“几乎标准”的模式。此外，如果 doctype-declaration 之上有任何内容，IE 会自动进入 quirksmode。此外，bootstrap 需要 html5 doctype，因此您必须将 oldschool HTML 4.01 doctype 替换为

<!doctype html>

你应该添加

<meta http-equiv="x-ua-compatible" content="IE=Edge"/>

到本<head>节的开头（或至少在任何脚本标签之前！）。请参阅IE8、IE9 和 IE10 并发症（页面中间）。

于 2013-03-20T23:33:45.577 回答