Смещение сетки начальной загрузки не центрируется

Question

Попытка центрировать мою страницу регистрации, но моя class="col-md-4 col-md-offset-4" не работает. Я знаю, что есть другие способы центрировать текст, но я просто хочу знать, что я сделал неправильно в своем коде, чтобы я мог знать, чтобы избежать этого в будущем.

Мой HTML:

<div class="container">
 <div class="row">
  <div class="col-md-4 col-md-offset-4">
   <div class="well">
            <h2>Sign up</h2>

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

      <div class="field">
        <%= f.label :email %><br />
        <%= f.email_field :email, autofocus: true %>
      </div>

      <div class="field">
        <%= f.label :password %>
        <% if @minimum_password_length %>
        <em>(<%= @minimum_password_length %> characters minimum)</em>
        <% end %><br />
        <%= f.password_field :password, autocomplete: "off" %>
      </div>

      <div class="field">
        <%= f.label :password_confirmation %><br />
        <%= f.password_field :password_confirmation, autocomplete: "off" %>
      </div>

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

    <%= render "devise/shared/links" %>
   </div>
  </div>
 </div>
</div>

Я читал другие посты, и их ответы таковы, что они забыли тег контейнера или что-то в этом роде. Не могу найти никакого ответа в документации по начальной загрузке. Я предполагаю, что это что-то маленькое, что я пропускаю.

Answer 1

<div class="row">
   <div class="col-md-4 text-center">

Попробуй это. Это то, что я использую в большинстве случаев.

Answer 2

просто измените col-md-offset-4 на offset-md-4, так как при начальной загрузке 4 измените это

<div class="row">
  <div class="col-md-4 offset-md-4">

здесь ссылка для этого

Answer 3

Вы должны изменить эту часть, как показано ниже.

<div class="row">
  <div class="col-md-4 offset-md-4">

просто измени эту часть.

Answer 4

Понятия не имею, что случилось. Я удалил разрывы между некоторыми кодами, и это сработало. Я вернул разрывы строк, и это все еще работало. Я понятия не имею. Может быть, у моего браузера были проблемы? Буквально не знаю, но сейчас работает