Rails форма контакта Трассы

Question

Так что я эту контактную форму в рельсах

<div class="field"> 
     <%= f.label :name %><br /> 
     <%= f.text_field :name %> 
    </div> 

    <div class="field"> 
     <%= f.label :email %><br /> 
     <%= f.text_field :email %> 
    </div> 

    <div class="field"> 
     <%= f.label :phone %><br /> 
     <%= f.text_field :phone %> 
    </div> 

    <div class="field"> 
     <%= f.label :description %><br /> 
     <%= f.text_area :description, :size=>"30x3" %> 
    </div> <br/> 


    <div class="actions"> 
    <%= f.submit "Submit" %> 
    </div> 
    <% end %> 

Я хочу, чтобы моя форма использовать всю страницу, то есть я хочу поля до телефона, чтобы быть на левой стороне и описание в качестве текста область справа по горизонтали.

Что-то вроде this

Я использую самозагрузки с рельсами.

Я пробовал с col-md-4 для 1 части и col-md-8 для другого. не фиксирует это. Пожалуйста, помогите.

Answer 1

Из этого шаблона я сделал здесь:

http://www.bootply.com/XAMvtjjoQw

Вы можете адаптировать его к рубин, как это:

<form> 
    <div class="col-md-4"> 
    <div class="form-group"> 
    <label for="exampleInputEmail1">Email address</label>  
    <%= f.text_field :name, :class => "form-control" %> 
    </div> 
    <div class="form-group"> 
    <label for="exampleInputPassword1">Password</label> 
    <%= f.text_field :email, :class => "form-control" %> 
    </div> 
    <div class="form-group"> 
    <label for="exampleInputEmail1">Email address</label> 
    <%= f.text_field :phone, :class => "form-control" %> 
    </div> 
    </div> 
    <div class="col-md-8"> 
    <div class="form-group"> 
    <label for="exampleInputFile">File input</label> 
    <%= f.text_area :description, :class=>"form-control", :size=>"30x3" %> 

    </div> 
    </div> 
</form> 

Answer 2

для чистого HTML макета вы можете сделать это:

<form action='' method='post'> 

<div class='row'> 

    <div class='col-md-2'> 

     <div class='control-group'> 
      <label for="name">Name</label> 
      <input id="name" type='text' name='name' value='' class='form-control'> 
     </div> 

     <div class='control-group'> 
      <label for="email">Email</label> 
      <input id="email" type='text' name='email' value='' class='form-control'> 
     </div> 

     <div class='control-group'> 
      <label for="phone">Phone</label> 
      <input id="phone" type='text' name='phone' value='' class='form-control'> 
     </div> 

    </div> 

    <div class='col-md-10'> 

     <div class='control-group'> 
      <label for="description">Description</label> 
      <textarea id="description" name='description' class='form-control' rows='4'></textarea> 
     </div> 

     <div class='control-group'> 
      <br><input type='submit' name='submit' value='Submit' class='btn btn-sm btn-info'> 
     </div> 

    </div> 

</div> 

</form>