我想用 div class="col-md-6 col-md-offset-3" 在 Rails 项目中集中设计简单形式

Question

我试图在我的设计 simple_form 周围放置一个带有 class="col-md-6 col-md-offset-3" 的 div 块，期望这将占用我屏幕宽度的 1/3 并且会集中（偏移）。它没有用。为什么 ？

<div class="col-md-6 col-md-offset-3">
  <%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
    <%= f.error_notification %>

    <div class="form-inputs">
      <%= f.input :email,
                  required: true,
                  autofocus: true ,
                  input_html: { autocomplete: "email" }%>
      <%= f.input :password,
                  required: true,
                  hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length),
                  input_html: { autocomplete: "new-password" } %>
      <%= f.input :password_confirmation,
                  required: true,
                  input_html: { autocomplete: "new-password" } %>
    </div>

    <div class="form-actions">
      <%= f.button :submit, "Sign up" %>
    </div>
  <% end %>
 </div>

Answer 1

班级是offset-md-3 而不是col-md-offset-3

<div class="row">
  <div class="col-md-6 offset-md-3">
    ...
  </div>
</div>