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 に答える