Vertical layout
<%= bootstrap_form_for @user do |form| %> <%= form.text_field :name, autocomplete: "new-name" %> <%= form.text_field :username, autocomplete: "new-username" %> <%= form.email_field :email, autocomplete: "new-email" %> <%= form.password_field :password, autocomplete: "new-password" %> <%= form.phone_field :mobile_number %> <%= form.date_field :birth_date %> <%= form.range_field :excellence %> <%= form.url_field :blog_url %> <%= form.collection_radio_buttons :fruit_id, ::Fruit.all, :id, :name, {checked: form.object.fruit_id, bootstrap: {inline: true}} %> <%= form.color_field :favorite_color %> <%= form.collection_check_boxes :skill_ids, ::Skill.all, :id, :name, multiple: true, bootstrap: {inline: true} %> <%= form.number_field :expected_ctc, bootstrap: {prepend: "$", append: "0.0"} %> <%= form.date_select :interview_date %> <%= form.time_select :interview_time %> <%= form.datetime_select :interview_datetime %> <%= form.weekday_select :weekly_off %> <%= form.fields_for :address, include_id: false do |address_form| %> <%= address_form.text_area :street %> <%= address_form.text_field :state %> <%= address_form.grouped_collection_select :city, ::Country.includes(:cities), :cities, :name, :id, :name, {include_blank: "Select city"} %> <%= address_form.text_field :postal_code %> <%= address_form.select :country_id, options_for_select(::Country.pluck(:name, :id), address_form.object.country_id), {include_blank: "Select Country"} %> <% end %> <%= form.check_box :terms, required: true %> <%= form.primary "Register" %> <%= link_to "Cancel", users_path, class: "btn btn-secondary" %> <% end %>