2

我正在为我的网站上的新用户创建一个简单的注册表单。我已经为 simple_form bootstrap 运行了安装...

rails g simple_form:install --bootstrap

但是，它仍然没有显示并呈现为普通的 simple_form。

这是我的表单代码：

<h2>Sign up</h2>

<%= simple_form_for(resource, :as => resource_name, :url => registration_path(resource_name ), :html => {:class => 'form-horizontal' }) do |f| %>
  <%= f.error_notification %>


    <%= f.input :username, :required => true, class: "form-control"%>
    <%= f.input :first_name, :required => true, class: "form-control" %>
    <%= f.input :last_name, :required => true, class: "form-control" %>
    <%= f.input :twitter, class: "form-control", type: "text", placeholder: "Username" %>
    <%= f.input :bio, class: "form-control" %>
    <%= f.input :email, :required => true, :autofocus => true, class: "form-control" %>

  <div class="form-actions">
    <%= f.button :submit, "Sign up", class: "btn btn-primary btn-sm" %>
  </div>
<% end %>

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

不知道我在这里做错了什么。提前致谢。

4

2 回答 2

0

这里的示例应用程序提到了您需要如何单独下载 Bootstrap（他们使用 curl）并将其放置在 vendor/assets/stylesheets/bootstrap.css 中。

请尝试一下。

于 2013-10-17T21:25:50.907 回答
0

听起来您的应用程序中没有安装 Bootstrap，或者您可能正在尝试使用 Bootstrap 3。当时我在 2013 年 10 月 13 日键入此内容时，Simple Form 不支持 Bootstrap 3。有关详细信息，请参见此处。

这意味着您需要将 Bootstrap 2.x 添加到您的应用程序中，而Vidya已经提供了一些好的方向。

如果您有兴趣使用 gem 添加 Bootstrap 2.x，那么我在下面提供了 twitter-bootstrap-rails 的说明。一定要查看他们的自述文件，以防我遗漏了什么。

在您的 gemfile 中添加：

gem "twitter-bootstrap-rails", :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git'

然后在您的项目运行的 rails 控制台上（我假设您需要较少的支持）：

bundle install
rails generate bootstrap:install less

根据您想要固定布局还是静态布局，请使用以下两行之一：

rails g bootstrap:layout application fixed
rails g bootstrap:layout application fluid

最后，编辑您的 application.css 文件（位于 app/assets/stylesheets 中），使其具有类似于以下示例的“需要 bootstrap_and_overrides”：

*= require_self
*= require bootstrap_and_overrides
*= require_tree .

我很确定现在默认情况下会发生这种情况，但您可能还想确认您的 application.js 中也有“需要 twitter/bootstrap”（在 app/assets/javascripts 中找到）。我的一个项目的一个例子如下：

//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require turbolinks
//= require_tree .

如果它仍然不起作用并且您添加了这个宝石。请让我知道您使用的是什么版本的 ruby​​、rails、simple_form 和 twitter-bootstrap-rails。

于 2013-10-18T15:51:49.247 回答