Rails: попытка заставить работать класс смещения Bootstrap

Question

Я пытаюсь центрировать эти поля формы, используя класс смещения Bootstrap.

Прилагается изображение моей текущей формы, а также то, как я хочу, чтобы форма выглядела.Класс смещения, кажется, не работает для меня.

Любая помощь будет высоко ценится!

Весь следующий код находится внутри контейнера div.container:

<div class="row">
  <div class="col-md-6 offset-md-6">
    <%= f.label :title %><br />
    <%= f.text_field :title, class: 'form-control'%><br /><br />
    <%= f.label :description %><br />
    <%= f.text_area :description, class: 'form-control' %><br /><br />
    <%= f.label :image %><br />
    <%= f.file_field :image, class: 'form-control-file' %><br />
  </div>
</div>

Answer 1

Смещение столбцов

В Bootstrap для смещения имя класса равно .col-md-offset-*, поэтому оно должно быть

<div class="col-md-4 col-md-offset-4">
  #...
</div>