0

我在引用 assets/stylehsheets 文件夹中包含的样式表时遇到问题。这是我的布局实现：

<!DOCTYPE html>
<html>
<head>
  <title>iOSScreencast</title>
  <%= stylesheet_link_tag "application", :media => "all" %>
    <%= stylesheet_link_tag "bootstrap.min", :media => "all" %>

  <%= javascript_include_tag "application" %>

  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

当我运行该页面时，它显示它正在资产文件夹中寻找“bootstrap.min”。资产管道已启用。

4

2 回答 2

1

更好的解决方案是通过资产管道加载引导程序。

为此，请转到您的app/assets/application.css文件并添加：require 'bootstrap.min'在文件中的其他要求之上。

这样做的好处是 Bootstrap 与应用程序的其余部分 CSS 一起编译，这通常会使页面的加载速度更快。

于 2013-02-05T05:16:59.447 回答
0

您最好的选择是使用bootstrap-sass gem，您可以将其包含gem 'bootstrap-sass', '~> 2.0.4.0' 在您的 gemfile 中。然后，您无需在样式表中明确声明它。相反，为您的自定义样式使用文件：

<%= stylesheet_link_tag "application", :media => "all" %>
<%= stylesheet_link_tag "custom", :media => "all" %>

然后在 custom.css.sass 中，使用 @import 指令来包含引导程序：

@import "bootstrap"

这将是在您的应用程序中包含 Bootstrap 的最简单方法。

于 2013-02-05T05:10:45.487 回答