Question

我正在尝试使用bootstrap_form~＆gt; 2.0.1 gem（见https://github.com/bootstrap-ruby/rails-bootstrap-forms）但它给了我适合。我按照github页面上的说明安装，将其添加到我的Gemfile：

gem 'bootstrap_form', '~> 2.0.1'

我运行了bundle install。然后我将它添加到我的application.css.scss文件中：

 *= require_self
 *= require rails_bootstrap_forms
 *= require_tree .

但是，当我尝试运行我的应用程序时，我得到了：

无法找到文件'rails_bootstrap_forms'（在/path/to/my/app/assets/stylesheets/application.css.scss:12中）

我显然错过了一些东西。我检查了lib / assets /和vendor / assets / stylesheets /但是那里什么都没有。同样，app / assets / stylesheets /.

中没有任何内容

什么是软糖？

Answer 1

我遇到了一些麻烦，部分（我认为），因为他们重命名了宝石。对我来说有什么不同之处在于让它从github获取最新的gem，把它放到我的Gemfile中：

gem 'bootstrap_form', github: 'bootstrap-ruby/rails-bootstrap-forms'

我使用bootstrap-sass，所以我不想乱用application.css，所以我确保以下import语句在application.css.scss中，如下所示：

@import "bootstrap";
@import 'rails_bootstrap_forms';

记住在进行这些更改后重新启动服务器也很重要！

Answer 2

您必须在app/assets/stylesheets

中创建文件rails_bootstrap_form.css

.rails-bootstrap-forms-date-select,
.rails-bootstrap-forms-time-select,
.rails-bootstrap-forms-datetime-select {
  select {
    display: inline-block;
    width: auto;
  }
}
.rails-bootstrap-forms-error-summary {
  margin-top: 10px;
}

Answer 3

我遇到了这个问题，发现我错误地将Gemfile条目输入为bootstrap-form。我将其更正为bootstrap_form，一切都很顺利。

Answer 4

你安装了Bootstrap吗？看起来这是bootstrap_form的要求，但它不作为gem中的依赖项包含在内，这意味着您需要手动安装Bootstrap。

一种流行的方法是使用twitter-bootstrap-rails gem。安装它的最简单方法是在gemfile中包含gem "twitter-bootstrap-rails"，然后运行

$ bundle install

接着是

rails generate bootstrap:install static应将所需的CSS文件添加到资源文件夹中。

Answer 5

我收到同样的错误，因此我从*= require rails_bootstrap_forms中取出了application.css.scss，并且能够编译和部署而没有任何错误。

Answer 6

尽管我不应回应其他答案，但我还要通过解释为什么需要在app/assets/stylesheets中创建rails_bootstrap_forms.css文件来增强Thomas Geider的答案。

如果你查看rails-bootstrap-forms Github，你会注意到他们有一个rails_bootstrap_forms.css文件。自述文件并没有告诉您这一点，但是这个css文件需要在/app/assets/stylesheets中。

这是文件：

https://github.com/bootstrap-ruby/rails-bootstrap-forms/blob/master/app/assets/stylesheets/rails_bootstrap_forms.css

使用bootstrap_form gem时遇到问题 - 无法找到文件'rails_bootstrap_forms'错误

6 个答案: