Question

使用bootstrap-sass gem在rails 4中的simple_forms有一个不寻常的问题。我生成了这些表单视图，并注意到通常的bootstrap 3格式化没有应用于表单。

我阅读了simple_form的文档，这应该是修复的......这是一张图片： Image of problem

这是我的代码：

<div class="container">
  <div class="span4">

        <h2>Sign in</h2>

        <%= simple_form_for(resource, as: resource_name, url: session_path(resource_name), html: {class: "form_horizontal"}) do |f| %>


          <%= f.input :email %>


        <br>

          <%= f.input :password %>

        <br>

          <% if devise_mapping.rememberable? -%>
          <%= f.input :remember_me, as: :boolean, label: false, inline_label: 'Remember me'  %>
          <% end -%>

        <br>

          <div><%= f.submit "Sign in" %></div>
        <% end %>

        <%= render "devise/shared/links" %>


  </div>
</div>

任何人都知道可能会发生什么？

Answer 1

您需要通过运行以下命令将bootstrap挂钩到simple_form：

rails generate simple_form:install --bootstrap

Answer 2

我发现ruby gems存在问题...当你将gem 'simple_form'放入你的gem文件后运行bundle install时，它仍然会安装版本3.0.2而不是github的最新版本（ 3.1）。

你可以做的是在你的gemfile中安装它：gem 'simple_form', github: 'plataformatec/simple_form', branch: 'master'

然后运行bundle install。它应该将您的gem更新为正确的版本（3.1.0）。然后，再次运行rails generate simple_form:install --bootstrap。每次因冲突而停止时，键入“y”，然后按Enter键覆盖导致冲突的旧初始化程序文件。终止rails服务器，然后重新打开。如果你的代码是正确的，那么你应该去看看工作引导程序的简单形式。

例如：

<%= simple_form_for(@story, html: { class: 'form-horizontal' }) do |f| %>

简单表单和引导程序3：表单没有引导程序格式

2 个答案: