2017-08-29 3 views
0

このレールを生成したフォームをブートストラップ形式に実装しようとしていますが、正しい構文を見つけ出すことができません。rails erbの構文をブートストラップ4の形式に変換する

これは、レールERB構文

<%= form_tag users_sessions_path do %> 

      <%= label_tag :email %> 
      <%= text_field_tag :email %> 
     <p> 
      <%= label_tag :password %> 
      <%= password_field_tag :password %> 
     </p> 

     <p> 
      <%= submit_tag 'Log In' %> 
     </p> 
<% end %> 

であり、これは、ブートストラップフォームなど

<form> 
    <div class="form-group"> 
    <label for="exampleInputEmail1">Email address</label> 
    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="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> 
    <div class="form-check"> 
    <label class="form-check-label"> 
     <input type="checkbox" class="form-check-input"> 
     Check me out 
    </label> 
    </div> 
    <button type="submit" class="btn btn-primary">Submit</button> 
</form> 

答えて

0

ここに移動します。実際にRoR api documentsと相談してください。

+0

ありがとうございました。これは完璧に機能しました。 –

0

ERB <%= form_tag %><%= label_tag %>、であるが故に(HTML <form><label>タグを作成するヘルパーですERB名)

BoostrapフォームをERBに変更するのは、divのコピーおよびクラス/ ID

<%= form_tag users_sessions_path do %> 
    <div class="form-group"> 
    <%= label_tag :email %> 
    <%= text_field_tag :email, class: 'form-control', 
           id: 'exampleInputEmail1', 
           aria-describedby: 'emailHelp', 
           placeholder: 'Email' %> 
    </div> 

<!-- Continue with the rest of your code --> 

<% end %> 
関連する問題