0

我正在使用以下代码来生成表单。目前，没有任何样式，所有的 CSS 文件都是空的。

<h1>New Post</h1>
<%= form_for @post do |f| %>
  <%= f.text_field :title %>
  <%= f.text_area :body %>
  <%= f.submit %>
<% end %>

这是application.rb的内容

<!DOCTYPE html>
<html>
<head>
  <title>Bloog</title>
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
</head>
<body>
  <div class="sidebar two columns">
    <nav>
      <ul>
        <li><%= link_to "New post...", new_post_path %></li>
      </ul>
    </nav>
  </div>
  <div>
    <%= yield %>
 </div>
</body>
</html>

这会生成一个水平对齐的表单，而不是垂直堆叠元素。

使用默认 from_for 助手的水平表单

我希望它看起来像这样，这是我所期望的默认行为。

我如何认为 from 将呈现

4

1 回答 1

3

向元素添加一些装箱以对它们进行分组。例如，div 或段落，就像在默认脚手架中所做的那样。

像这样使用它：

<h1>New Post</h1>
<%= form_for @post do |f| %>
  <p><%= f.text_field :title %></p>
  <p><%= f.text_area :body %></p>
  <p><%= f.submit %></p>
<% end %>
于 2013-02-16T09:53:06.487 回答