使用form_for创建文本框

Question

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>

很抱歉，你可以看到，我也很糟糕。非常感谢您的帮助！

Answer 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;)

此致