14

我试图使用 Rails 4.0.0.rc1 和 ruby​​ 1.9.3p392玩 Twitter Bootstrap Basics 。

然后我尝试访问 http://localhost:3000/products

我有错误：

'twitter/bootstrap/bootstrap.less' 没有找到。

请参阅随附的屏幕截图。

代码可在https://github.com/tenzan/twitter-bootstrap.git

在此处输入图像描述

4

6 回答 6

32

我要回答这个问题，注意我正在开发 ruby​​ 2 / rails 4 应用程序（不是 rails 3）

在 application.css 中要求 Bootstrap LESS (bootstrap_and_overrides.css.less) 在这里没有意义，因为管道已经带有“require_tree”。它会自动包含资产管道文件夹中的所有内容。

拉了几个小时的头发后，我发现从组中删除 3 所需的宝石：Gemfile 中的资产是修复它的唯一方法

所以，不要在你的 Gemfile 中这样做：

group :assets do
  gem "therubyracer"
  gem "less-rails"
  gem "twitter-bootstrap-rails"
end

而是这样做：

gem "therubyracer"
gem "less-rails"
gem "twitter-bootstrap-rails"
于 2013-11-06T18:53:24.877 回答
13

Bootstrap gem 带有它自己的 Bootstrap 捆绑版本，它将负责导入。不要在 :assets 组中导入 Bootstrap gem，否则找不到 gem 资产。

请注意，资产组已在 Rails 4 中删除。

于 2013-06-12T15:11:03.390 回答
12

您必须在 application.css 中要求 Bootstrap LESS (bootstrap_and_overrides.css.less)

/*
 *= require bootstrap_and_overrides
 */
于 2013-05-21T11:02:32.743 回答
1

我在 Rails 4.0.1 上使用 Bootstrap 2 和更少。我决定升级到 Bootstrap 3，但“twitter-bootstrap-rails”仍在 Bootstrap 2 上。有一些可用的 gem，但我发现最简单的方法是手动添加 css、js 和字体（按照这些说明使用 bootstrap 3带导轨 4）。

按照这些说明，确保安装了“therubyracer”和“less-rails”gem，然后需要更多的步骤来减少使用 bootstrap 3 和 rails 4：

  • 下载 Bootstrap 3 源码（Bootstrap 源码）
  • 创建目录“/vendor/assets/stylesheets/bootstrap”
  • 将引导源“less”目录（大量文件）的内容复制到“/vendor/assets/stylesheets/bootstrap”

  • 在“app/assets/stylesheets”中创建“bootstrap_and_override.css.less”。将“bootstrap.less”导入“bootstrap_and_override.css.less”，我的例子包括几个测试定制：

    @import "../../../vendor/assets/stylesheets/bootstrap/bootstrap.less";
@navbar-height: 120px;
@body-bg: #F7911B;

希望这对任何想用更少的资源尝试 Bootstrap 3 的人有用。

于 2013-11-27T10:47:49.860 回答
0

对我来说，less-railsGemfile 中缺少 gem，添加它并运行bundle解决了这个问题。

于 2015-01-31T06:03:27.153 回答
0

你可能错过了跑步
rails g bootstrap:install less
它就像一个魅力

于 2015-03-07T19:56:14.360 回答