带有bootstrap-generators gem的Rails在IE8中没有样式,但在IE9中也是如此

时间:2012-06-14 01:39:38

标签: ruby-on-rails ruby-on-rails-3 twitter-bootstrap

使用

gem 'bootstrap-generators', '~> 2.0'
gem 'simple_form', '~> 2.0'

在IE9及以下版本中,引导程式样式不存在,但在IE 10中通过http://netrenderer.com/显示正常。

my bootstrap-generators.css.scss:

@import "bootstrap-variables";

body {
  padding-top: $navbarHeight + 20px;
  padding-bottom: 40px;
}

.page-header {
  a.btn {
    float: right;
  }

  a.btn + a.btn {
    margin-right: 8px;
  }
}

@import "scss/bootstrap";
@import "scss/responsive";

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

您可能正在使用IE8无法处理的HTML5元素,例如<section> 尝试将其添加到布局文件的<head>

<!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

如果渲染正确,那就是你的问题。

答案 1 :(得分:1)

原因在此处描述Rails 3.1, assets pipeline and IE 6 & 7 in production mode - some CSS & js are not loaded properly

我们不得不拆分css,现在一切正常。