我已经查看了有关stackoverflow和其他地方这个相当常见的问题的所有帖子,但我还没有找到答案.基本上我的嵌套表单没有构建,因此在我显示页面时不可见.
这是我的用户控制器的相关部分,users_controller.rb:
def new
@user = User.new
@user.build_user_account
end
Run Code Online (Sandbox Code Playgroud)
这是我user.rb文件中的相关部分:
class User < ActiveRecord::Base
has_one :user_account, :class_name => "UserAccount"
accepts_nested_attributes_for :user_account
Run Code Online (Sandbox Code Playgroud)
我的user_account.rb档案:
class UserAccount < ActiveRecord::Base
belongs_to :user
end
Run Code Online (Sandbox Code Playgroud)
这是我的_form.html.erb档案:
<div class="field">
<%= f.label :email %><br>
<%= f.text_field :email %>
</div>
<div class="field">
<%= f.label :password %><br>
<%= f.text_field :password %>
</div>
<div class="field">
<%= f.label :password_confirmation %><br>
<%= f.text_field :password_confirmation %>
</div>
<% f.fields_for :user_account, @user.user_account do |user_account| %>
<div class="field"> …Run Code Online (Sandbox Code Playgroud) 我使用的是一个简单的link_to,我们总是在我的rails应用程序中使用它,但它给出了这个错误.
wrong number of arguments (1 for 0)
我的代码在视图中.
<%= link_to category.name store_path %>
Run Code Online (Sandbox Code Playgroud)
在URL和控制台中运行时,路径是正确的.
2.2.3 :003 > app.store_path
=> "/store"
Run Code Online (Sandbox Code Playgroud)
我不明白为什么这会引起争论.
我需要在HTML文件中将多个<ol>和<li>样式应用于不同的部分.我.itemListing在STYLE部分创建了一个类名,并在div中指定了该类.但它不适用.我只想在一个部分中应用此项目列表样式.
有什么建议?
这是HTML的一部分:
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8">
<TITLE></TITLE>
<STYLE TYPE="text/css">
.itemListing
{
ol {
counter-reset: item;
margin-left: 0;
padding-left: 0;
}
li {
display: block;
margin-bottom: .5em;
margin-left: 2em;
}
li:before {
display: inline-block;
content: "Item "counter(item) ": ";
counter-increment: item;
width: 7em;
margin-left: -2em;
}
}
</STYLE>
</HEAD>
<BODY LANG="en-US" DIR="LTR">
<div class="itemListing">
<FONT COLOR="#0000ff">There are two items:</FONT><BR>
<ol>
<li> This is one item listing.</li>
<li> This is another item listing.</li>
</ol> …Run Code Online (Sandbox Code Playgroud) 我正在尝试创建一个类似这样的结构:

正如您所看到的,这涉及一个主div(div 1),它相对于页面主体居中.然后它包括第二个div(div 2),它与div 1的左边对齐,它以黑色填充并包含垂直文本.
为此,我尝试使用以下HTML以及下面显示的css代码:
.div1 {
margin-left: 10%;
margin-right: 10%;
}
.div2 {
align: left;
width: 25px;
background-color: black;
}
.sidetext {
color: white;
transform: rotate(270deg);
transform-origin: left bottom 0;
}Run Code Online (Sandbox Code Playgroud)
<div class="div1">
<div class="div2">
<h3 class="sidetext">Post #NUM</h3>
</div>
<p>The main content (text) for this div is written here</p>
</div> Run Code Online (Sandbox Code Playgroud)
任何人都可以看到为什么这可能没有给出预期的结果?
我已经使用此代码在Bootstrap中创建了4列
<div id="col" class="container-fluid row">
<div class="col-md-3">
<center>
<h4>Our Story</h4><img src="box.png" />
</center>
</div>
<div class="col-md-3">
<h4>Our Story</h4><img src="box.png" />
</div>
<div class="col-md-3">
<h4>Our Story</h4><img src="box.png" />
</div>
<div class="col-md-3">
<h4>Our Story</h4><img src="box.png" />
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
现在这些列在桌面屏幕上水平对齐,但是当我在移动设备中打开时,所有列在左侧垂直对齐,所以我想让它们对齐中心,我该如何实现?