我正在使用新的Twitter Bootstrap创建一个站点.该网站看起来很好,适用于IE8以外的所有必需浏览器.
在IE8中,它似乎是显示移动版本的元素,但在我的桌面的整个屏幕上延伸.我相信我遇到的问题是Twitter引导程序首先是移动的.所以出于某种原因IE8正在寻找这个选项.
我还注意到container该类似乎没有按预期提取max-width 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">
Run Code Online (Sandbox Code Playgroud)
<header>
<div class="topArea clearfix">
<div class="container">
<div class="topLinks">
<div class="btn-group">
<span class="flag" data-toggle="dropdown"> </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>
<div class="visible-sm btn-group">
<div class="plus" data-toggle="dropdown"><i class="icon-plus icon-2x"> </i></div>
<ul …Run Code Online (Sandbox Code Playgroud) html css internet-explorer-8 twitter-bootstrap twitter-bootstrap-3
我是Bootstrap的新手,拥有旧版本2.3.2.
版本3已发布.如果我想使用最新版本,我只是简单地替换CSS和Javascript文件吗?
我的应用程序是基于最新的Bootstrap Version 3.0.3.一切都运行良好Chrome and Mozilla.现在突然间,人们希望它能够得到支持IE7 and IE8.我已经尝试为IE7实现Bootstrap 3,但它没有帮助.一切仍然不合时宜.
在IE 7和IE8中,事情仍然存在.
我是否需要手动覆盖Bootstrap样式?我怀疑,bootstrap是如此可扩展和流行,必须做一些事情来支持IE7.