Я хочу централизовать разработку простой формы в проекте rails с помощью div class = "col-md-6 col-md-offset-3"

Question

Я попытался поместить блок div с class="col-md-6 col-md-offset-3" вокруг моего устройства simple_form, ожидая, что это займет 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>