Cssブートストラップフォーム（レール初心者）

Question

私は、CSSのブートストラップを使って私のuser_formにスタイリングを追加しようとしていました。

これは、それが分でどのように見えるかです：

<% provide(:title, 'Sign up') %> 
<h1>Sign up</h1> 

<div class="row"> 
    <div class="col-md-6 col-md-offset-3"> 
    <%= form_for(@user) do |f| %> 
     <%= f.label :name %> 
     <%= f.text_field :name %> 

     <%= f.label :email %> 
     <%= f.email_field :email %> 

     <%= f.label :password %> 
     <%= f.password_field :password %> 

     <%= f.label :password_confirmation, "Confirmation" %> 
     <%= f.password_field :password_confirmation %> 

     <%= f.submit "Create my account", class: "btn btn-primary" %> 
    <% end %> 
    </div> 
</div> 

そして、私はの形でそれを置くしようとしていた。

<form> 
<div class="form-group"> 
    <label for="name">Name</label> 
    <input type="name" class="form-control" id="name" placeholder="Enter name"> 
    </div> 


<div class="form-group"> 
    <label for="exampleInputEmail1">Email address</label> 
    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email"> 
    <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> 
    </div> 

    <div class="form-group"> 
    <label for="exampleInputPassword1">Password</label> 
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> 

    <div class="form-group"> 
    <label for="exampleInputConfirmPassword1">Password</label> 
    <input type="password" class="form-control" id="exampleInputConfirmPassword1" placeholder="Password"> 

    </div> 
<button type="submit" class="btn btn-primary">Submit</button> 
</form> 

私の問題は、私が追加する方法を知らないということです機能をCSSフォームに追加します。どうすればいいですか？

ありがとうございます！

------何が起こっているのかを明確にするためにEDIT 1 -------

：

分で私の_user_form.html.erbは、最初のセットのように見えますコード。しかし、私はそれを削除し、コードの2番目のセットと置き換えて何も動作しません。

Schema.rb

ActiveRecord::Schema.define(version: 20161210221810) do 
    create_table "users", force: :cascade do |t| 
    t.string "name" 
    t.string "email" 
    t.datetime "created_at",      null: false 
    t.datetime "updated_at",      null: false 
    t.string "password_digest" 
    t.string "remember_digest" 
    end 

end 

Answer 1

ちょうどラベルにクラスを追加：あなたのフォーム項目が含まれていることを使用する必要があり、その後、JavaScriptでのparamsを送る最初の

<%= f.label :name, class: "my_class" %>

Answer 2

あなたのバックエンドに！たとえば

<form action="demo_form.asp" method="get"> 
     First name: <input type="text" name="fname"><br> 
     Last name: <input type="text" name="lname"><br> 
     <input type="submit" value="Submit"> 
</form>