Как стилизовать Ruby на рельсах придумать формы

Question

Это моя регистрационная форма, которая использует devise но по какой-то причине мой CSS влияет только на First_Name часть и ничего больше. Кроме того, часть имени немного отличается от других полос с точки зрения цвета границы. Я установил загрузчик, но у меня не было такой проблемы на других страницах, поэтому я не думаю, что это проблема.

<h2>Sign up</h2>

<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
  <%= devise_error_messages! %>

  <div class="field input">
    <%=f.label :First_Name%>
    <%=f.text_field :fname, class:"form-control",:autofocus => true %>
  </div>

  <div class="field input">
    <%= f.label :email %><br />
    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
  </div>

  <div class="field input">
    <%= f.label :password %>
    <% if @minimum_password_length %>
      <em>(<%= @minimum_password_length %> characters minimum)</em>
    <% end %><br />
    <%= f.password_field :password, autocomplete: "off" %>
  </div>

  <div class="field input">
    <%= f.label :password_confirmation %><br />
    <%= f.password_field :password_confirmation, autocomplete: "off" %>
  </div>

  <div class="actions">
    <%= f.submit "Sign up" %>
  </div>

<%= render "devise/shared/links" %>

<style>
.input{
  width: 25%;
  text-decoration: none;
}
</style>

Answer 1

Вы должны подать заявку .form-control класс для ввода полей для применения стиля Bootstrap.

В вашем коде только имя (fname) имеет .form-control - Вы должны добавить его и в другие поля ввода.

Пример для поля электронной почты:

<%= f.email_field :email, autofocus: true, autocomplete: "email", class:"form-control" %>