Question

以下是在脚手架中生成的_form.html.erb。

<%= form_for(@post) do |f| %>
  <% if @post.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@post.errors.count, "error") %> prohibited this post from being saved:</h2>

      <ul>
      <% @post.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

 <!-- <div class="field">
    <%= f.label :name %><br />
    <%= f.text_field :name %>
  </div>-->
  <div class="field">
    <%= f.label :title %><br />
    <%= f.text_field :title %>
  </div>
  <div class="field">
    <%= f.label :content %><br />
    <%= f.text_area :content %>
  </div>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

我想使用相同的视图，但我想将样式应用于它。我可以看到div类“字段”和“动作”，但我无法应用样式。我尝试从assets / stylesheets / posts.css应用样式。我也无法找到css最初应用于此表单的位置。

对不起，我是铁道新手。任何帮助表示赞赏。感谢。

Answer 1

通常，您应该在此路径上有一个css布局文件：

your_app/app/views/layouts/_stylesheets.html.erb

从主应用程序布局中调用：

your_app/app/views/layouts/application.html.erb

在该文件中，您应该看到以下行：

<%= render 'layouts/stylesheets' %>

该指令调用_stylesheets.html.erb布局文件。在该文件中，您可以找到所有css导入。例如：

<%= stylesheet_link_tag 'styles', :media => 'screen' %>

如果您想要访问styles.css文件，可以在此处找到：

your_app/public/stylesheets

Answer 2

您希望在布局文件中的某处包含此行，以便CSS包含在页面中：

<%= stylesheet_link_tag "my_css_file" %>

在您的控制器中，您可能希望指定布局。在/views/layouts/my_layout.html.erb的情况下，您将执行以下操作：

class MyController < ApplicationController
  layout :my_layout

  ...

end

将样式应用于scaffolded视图

2 个答案: