Question

我在引用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”。资产管道已启用。

Answer 1

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

要执行此操作，请转到app/assets/application.css文件，并在文件中添加：require 'bootstrap.min'高于其他要求。

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

Answer 2

您最好的选择是使用bootstrap-sass gem，您可以在gemfile中使用gem 'bootstrap-sass', '~> 2.0.4.0'。然后，您不需要在样式表中明确说明它。而是使用自定义样式的文件：

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

然后在custom.css.sass中，使用@import指令包含bootstrap：

@import "bootstrap"

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

Rails没有从正确的文件夹加载CSS

2 个答案: