Rails 3.2和bootstrap - 如何创建内联表单?

时间:2012-03-23 17:05:31

标签: css forms twitter-bootstrap

我正在尝试将一个form-inline类分配给rails

中的以下表单
<div class="row">
  <div class="span6 offset3">

    <%= form_for @annual do |f| class="form-inline" %>
      <%= render 'shared/error_messages', :object => f.object %>

      <%= f.label :a %>
      <%= f.text_field :a class="input-small" placeholder="a" %>

      <%= f.label :b %>
      <%= f.text_field :b class="input-small" placeholder="b" %>
      .
      .
      .

内联表单的bootstrap文档在这里: http://twitter.github.com/bootstrap/base-css.html?#forms

当我为类和占位符尝试上述方法时,我收到错误。在rails中执行此操作的正确方法是什么?

2 个答案:

答案 0 :(得分:7)

如果这有助于某人,我必须:html => {:class -> "form-inline"}才能在Rails 4中添加css类。

答案 1 :(得分:5)

我通过谷歌找到了解决方案,对于那些感兴趣的人:

<div class="row">
<div class="span6 offset3">

  <%= form_for @annual, {:class => "form-inline"} do |f| %>
    <%= render 'shared/error_messages', :object => f.object %>

    <%= f.text_field :a, :class=> "input-small", :placeholder=>"a" %>

    <%= f.text_field :b, :class=> "input-small", :placeholder=>"b" %>