Создание текстового поля с помощью form_for

Question

Создание текстового поля с помощью form_for

0

Новым для рельсов я пытался создать текстовое поле, используя 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>

Извините, как вы можете видеть, я тоже плохо с html. Ваша помощь очень ценится!

Apprentice Programmer 18 фев. 2014, в 10:28

Источник

0

Попробуйте изменить CSS.
Bharat soni 18 фев. 2014, в 09:25
1

изменение: <% = f.label: комментарии,: класс => "контрольная метка col-sm2",: style => "float: left"%>
Emu 18 фев. 2014, в 09:30

Теги:

html

ruby-on-rails

css

1 ответ

Ещё вопросы

изменение: <% = f.label: комментарии,: класс => "контрольная метка col-sm2",: style => "float: left"%>

Kheema Pandey · Accepted Answer · 2014-02-18T06-57-00.000Z

не уверен, что вы хотите выровнять все поля ввода на одном уровне.

Вот код 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;)

С Уважением,

Спасибо друг! CSS для формы центра это то, что мне просто нужно