【Rails】入力フォームがラベルの入れ子になってしまうのですが、なぜでしょうか?
<div class="row">
<div class="col-sm-6 offset-sm-3">
<%= form_with(model: @user, local: true) do |f| %>
<div class="form-group">
<%= f.label :name, '名前' %>
<%= f.text_field :name, class: 'form-control' %>
</div>
<div class="form-group">
<%= f.label :email, 'メールアドレス' %>
<%= f.email_field :email, class: 'form-control' %>
</div>
<div class="form-group">
<%= f.label :password, 'パスワード' %>
<%= f.password_field :password, class: 'form-control' %>
</div>
<div class="form-group">
<%= f.label :password_confirmation, 'パスワード(確認)' %>
<%= f.password_field :password_confirmation, class: 'form-control' %>
</div>
<%= f.submit '新規登録', class: 'btn btn-primary btn-block' %>
<% end %>
</div>
</div>
上記のようにコードを書くと、以下の画像のように、入力フォームがラベルの入れ子になって(ズレて)しまいます。
原因と解決策を教えて頂けますでしょうか。
宜しくお願い致します。
0