为什么我的表单使用 Ruby on Rails 与我的 h2 元素重叠？

问：

我对 rails 很陌生，正在练习制作一个电影观看列表应用程序。我已经安装了 simple_form gem 并生成了它以与引导一起使用。在我的new.html.erb中，我想添加一个表单，用户可以在其中将新电影添加到列表中。但是，由于某种原因，我的表单固定在我的 h2 标签下方的显示页面顶部，无论我应用多少边距，我似乎都无法将其向下移动。

有没有人知道什么可以解决这个问题？我还在我的 edit.html.erb 上使用了一个simple_form_for，并且该页面没有任何问题，所以我不知道为什么它只会在这里出错（希望只是忽略了一些小问题！

这是我在new.html.erb上的代码：

<div class="mb-3">
  <h2>Add a new movie</h2>
</div>

<div class="mt-3">
  <%= simple_form_for(@movie) do |f| %>
    <%= f.input :title, input_html: { class:'form-control form-control-sm m-3 w-25' }, label_html: { class:'m-3' }, placeholder: "Shutter Island" %>
    <%= f.input :rating, input_html: { class:'form-control form-control-sm m-3 w-25' }, label_html: { class:'m-3' }, placeholder: "7" %>
    <%= f.submit class:"btn btn-primary mb-3" %>
  <% end %>
</div>

<%= link_to "Go back to watchlist", root_path, class:"btn btn-primary" %>