Rails 的响应式引导程序不起作用答案

【问题标题】：Responsive bootstrap for rails not workingRails 的响应式引导程序不起作用
【发布时间】：2013-12-21 09:14:11
【问题描述】：

有谁知道如何在 rails 中正确使用响应式 bootstrap.css？在我看来，当我在旁边创建一个额外的实验项目（具有相同的 html 和 css 索引代码）时，仅链接以下 2 个样式表可以正常工作。 作品：

<link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="css/bootstrap.css">

这就是我困惑的地方。看来我的问题是使用样式链接标记从 application.html.erb 文件中的每个页面加载所有 css 文件： 不起作用：

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

我将如何使它只在应用程序文件中加载 2 个样式表而不是全部？我曾尝试安装 sass gem，但无处可去。出于效率原因想知道如何做到这一点，但如果有更好的解决方案，我会全力以赴。提前致谢。

【问题讨论】：

您的问题有点不清楚，您是在问如何在 Rails 项目中使用引导和引导响应，或者资产管道如何工作:-)？我建议你先阅读这篇文章guides.rubyonrails.org/asset_pipeline.html
啊谢谢！我想我的问题是两部分的。首先，我的问题是如何在 Rails 项目中使用引导响应。
你在某处有'css'目录吗？这不是典型的 Rails 设置的一部分。我同意 Guy 的观点：通读资产管道的文档，然后根据需要澄清您的问题。
您可以手动包含 Bootstrap 资产或尝试像 github.com/seyhunak/twitter-bootstrap-rails 这样的 gem

【解决方案1】：

您可以使用像 twitter-bootstrap-rails 这样的 gem

或者您可以手动将 Bootstrap 资产复制到您的 Rails 项目中。我建议将它们放在供应商目录中，例如 /app/assets/stylesheets/vendor/。

然后确保这些文件包含在您的 appication.css（清单）文件中。

*= require vendor/bootstrap-responsive.css
*= require vendor/bootstrap.css

【讨论】：

【解决方案2】：

我的问题是不了解资产管道如何正常工作。当前有一条 CSS 规则导致其大小不正确。我相信你们都知道资产管道是如何工作的，所以我不会再费心解释了。

【讨论】：