ruby-on-rails - 使用 bootstrap-sass 使用不同的 Bootstrap 表单类

Question

如何使用 bootstrap-sass -gem 为表单选择不同的 Bootstrap 表单类？现在我正在为用户注册和登录创建表单，并且喜欢使用 .form-inline 类而不是默认的 .form-horizo​​ntal。

视图中的代码如下所示：

<%= form_for(@user, :html => {:class '.form-inline'}) do |f| %>
<div><%= f.label :email %><br />
<%= f.email_field :email %></div>

<div><%= f.label :password %><br />
<%= f.password_field :password %></div>

<% if devise_mapping.rememberable? -%>
<div><%= f.check_box :remember_me %> <%= f.label :remember_me %></div>
<% end -%>

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

这似乎生成了具有正确 .form-inline 类的 html，因为生成的 html 如下所示，但表单仍被格式化为 .form-horizo​​ntal。

<form accept-charset="UTF-8" action="/users" class="form-inline" id="new_user" method="post">

谢谢你的帮助！

Answer 1

Twitter bootstrap 需要特定的 html 表单结构，请仔细查看http://twitter.github.com/bootstrap/base-css.html#forms上的示例。我建议您不要手动构建表单，而是使用 simple_form gem，它可以为 twitter 引导构建具有适当标记的表单：https ://github.com/plataformatec/simple_form 。

Answer 2

也许您正在小型设备或窗口中查看它？bootstrap 说：“这只适用于视口中至少 768px 宽的表单。”