Выравнивание формы Помощник по вертикали

Я использую следующий код для создания формы. В настоящее время нет стиля, который так никогда и все файлы 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 было бы полезно. И для основ: элементы формы и метки являются встроенными элементами, поэтому они выравниваются по горизонтали. –

Я добавил код из своего макета приложения –

Добавьте бокс элементов, чтобы сгруппировать их. Например, Divs или абзацы, так же, как это делается в стандартном лесу.

Используйте это так:

<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

Выравнивание формы Помощник по вертикали

ответ

Смежные вопросы