垂直對齊表單助手

我使用以下代碼生成表單。目前，沒有任何風格，所有的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>

這產生了在水平方向而不是垂直對齊堆疊的元件的形式的內容。

horizontal form using default from_for helper

我想它看起來就像是這樣的，這是我所期待的默認行爲。

how i thought the from was going to render

來源

2013-02-16 Aaron Dufall

一些真實的HTML將是有益的。基礎知識：表單元素和標籤是內聯元素，因此它們水平對齊。 – 2013-02-16 09:49:11

我已經添加了我的應用程序佈局中的代碼 – 2013-02-16 10:01:56

添加一些拳擊的元素將它們分組。例如，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-16 09:53:06 Matzi

垂直對齊表單助手

回答

相關問題