css - Rails 与 css 形成一行

Question

我正在尝试创建一个 Rails 表单，但我希望它的所有输入字段都显示在一行中。我没有使用 css 的经验，而且我对 Rails 比较陌生。我的表格如下:

<%= form_for @need, url: shipping_company_fleet_ship_voyage_needs_path(:voyage_id => @voyage.id), :html => {:class => "needForm"} do |f| %>
    <%= render 'shared/error_messages', object: f.object %>

    <%= f.label :quantity %>
    <%= f.number_field :quantity %>

    <%= f.hidden_field :voyage_id, :value => @voyage.id %>

    <%= f.submit "Add need" %>
<% end %>

我尝试了各种方法，比如请求 class .needForm float: left 或 display: inline 但它似乎不会影响输入字段。

有人可以给我指明方向或在线示例吗？我在这里阅读了所有相关问题，但答案对我帮助不大。我必须使用 Bootstrap 类才能使其工作吗？

Answer 1

我设法通过使用表单的 Bootstrap 默认样式获得了预期的结果(检查此链接，我使用了“form-inline”和“input-mini”:http://getbootstrap.com/2.3.2/base-css.html#forms)

<%= form_for @need, url: shipping_company_fleet_ship_voyage_needs_path(:voyage_id => @voyage.id), :html => {:class => "form-inline"} do |f| %>
  <%= render 'shared/error_messages', object: f.object %>
  <%= f.number_field :quantity, :value => 1, class: 'input-mini'  %>
  <%= f.hidden_field :voyage_id, :value => @voyage.id %>
  <%= f.submit "+", class: 'btn btn-small btn-primary'  %>
<% end %>