Bootstrap Rails 以内联方式而不是上面字段形成标签

问：

我有以下表单，将这个 gem 用于 Rails Bootstrap 表单： https://github.com/bootstrap-ruby/bootstrap_form

我的表单代码如下所示：

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

                    <div class="field ">
                      <%= f.email_field :email, label_class: "text-light lead"%>
                    </div>

                    <div class="field">
                      <%= f.password_field :password, autocomplete: "new-password", help: 'A good password should be at least six characters long', label_class: "text-light lead" %>
                    </div>

                    <div class="field">
                      <%= f.password_field :password_confirmation, autocomplete: "new-password", label_class: "text-light lead" %>
                    </div>

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

我希望我的电子邮件标签与表单字段内联，而不是在表单字段上方。下面是上面代码的窗体外观的图像：

我怎样才能做到这一点？ 谢谢！