Devise+bootstrap4のusers#editのコピペ用テンプレ

editビュー

app/views/devise/registrations/edit.html.haml

= render partial: "/matomes/flash-message"
.container-fluid
  .card.card-default.devise-bs.m-5.bg-light{style: "border-radius: 10px !important;"}
    .card-title.mx-4.mt-4
      %h4= t('.title', resource: resource_class.model_name.human , default: "Edit #{resource_name.to_s.humanize}")
    .card-body
      = form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f|
        .form-group
          = f.label :名前
          = f.text_field :name, autofocus: true, class: 'form-control'
        .form-group
          = f.label :email
          = f.email_field :email, autofocus: true, class: 'form-control'
        .form-group
          = f.label :current_password
          %i
            (#{t('.we_need_your_current_password_to_confirm_your_changes', default: 'we need your current password to confirm your changes')})
          = f.password_field :current_password, class: 'form-control'
        .form-group
          = f.label :password
          %i
            (#{t('.leave_blank_if_you_don_t_want_to_change_it', default: "leave blank if you don't want to change it")})
          = f.password_field :password, autocomplete: "off", class: 'form-control'
        .form-group
          = f.label :password_confirmation
          = f.password_field :password_confirmation, class: 'form-control'
        = f.submit t('.update', default: 'Update'), class: 'btn btn-primary'

partial(flashメッセージ)

app/views/matomes/_flash-message.html.haml

-# フラッシュメッセージ
- flash.each do |key, value|
  %div{:class => "alert alert-#{key} mb-1"}
    .container
      = value

SCSS

app/assets/stylesheets/matomes.scss

//flash message
.alert-notice {
  color: #3c763d;
  background-color: #dff0d8;
}
.alert-alert {
  background-color: #f2dede;
  color: #a94442;
}