Question

使用

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";

有什么想法吗？

Answer 1

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

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

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

Answer 2

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

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

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

2 个答案: