rails的新手,我一直在尝试使用form_for创建一个文本框,因为我的表单中有多个输入,
目前我的网站看起来像这样
有人可以帮助我将框与中心对齐,并可能将评论放在框旁边的左上角
代码如下所示:
<div class="row">
<div class="col-xs-12 col-sm-6 col-sm-offset-3">
<%= form_for(:static_pages,url: about_path, :html =>{:class => 'form-horizontal'}) do |f| %>
<fieldset>
<div class = "center form-group">
<%= f.label :name, :class => "col-sm-2 control-label" %>
<div class = "col-sm-10">
<%= f.text_field :name , :class => "form-control" %>
</div>
</div>
<div class = "center form-group">
<%= f.label :email, :class => "col-sm-2 control-label" %>
<div class = "col-sm-10">
<%= f.text_field :email , :class => "form-control" %>
</div>
</div>
<div class = "center form-group">
<%= f.label :comments, :class => "col-sm2 control-label" %>
<div class = "col-sm-10">
<%= text_area_tag 'comment', nil,rows: 10, cols: 60, class: 'comment_input'%>
</div>
</div>
<div class = "center form-actions">
<%= f.submit "Submit", class: "btn btn-lg btn-primary" %>
</div>
</fieldset>
<%end%>
</div>
</div>
很抱歉,你可以看到,我也很糟糕。非常感谢您的帮助!
答案 0 :(得分:1)
不确定是否要将所有输入字段对齐在同一级别。
这是你必须实现的css代码,我希望一切都会完美。
.center form-group{overflow:hidden; clear:left;padding: 5px;}
label{float:left;line-height: 21px;width: 120px;}
.col-sm-10(width: 120px;border: 1px solid #D1D1D1;border-radius: 2px; color: #4D4D4D;width: 200px;)
此致