css - 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>

标签： cssruby-on-railstwitter-bootstrap

Answer 1

偏移列

在 Bootstrap 中，对于偏移类名称.col-md-offset-* 应该是这样的

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