kmjooh
@kmjooh (Masayuki Kamijo)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

【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>

上記のようにコードを書くと、以下の画像のように、入力フォームがラベルの入れ子になって(ズレて)しまいます。
原因と解決策を教えて頂けますでしょうか。

e4396b0c2b0d3a51ff90a1999f8eb0c3.png

宜しくお願い致します。

0

1Answer

Comments

  1. @kmjooh

    Questioner

    ありがとうございます!
    おっしゃる通りでした。

Your answer might help someone💌