創建使用的form_for

新建軌道，我一直在試圖創建一個使用的form_for，因爲我有我的形式多個輸入的文本框中的文本框，創建使用的form_for

目前我的網站看起來像這樣 enter image description here

燦有人幫我對齊框的中心，並有可能把意見在左上角的框旁邊

代碼如下所示：

<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>

對不起，你可以看到，我也很糟糕的HTML。非常感謝您的幫助！

來源

2014-02-18 Apprentice Programmer

嘗試改變CSS。 –

更改：<％= f.label：comments，：class =>「col-sm2 control-label」，：style =>「float：left」％> – Emu

不知道，你要在同一水平對齊所有輸入字段..

這裏是你必須實現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;)

問候，

來源

2014-02-18 09:36:32

thanks mate！中心形式的CSS就是我所需要的 –

創建使用的form_for

回答

相關問題