尝试将bootstrap rails text_area垂直与水平对齐

Question

我是新手，但我还没有找到答案。我的f.text_area：我的表单的摘要部分被推到了我的表格的其他部分的右侧和上方，我无法纠正它。我希望它被定位在＃34;主题＆＃34;下面。我已经尝试了许多不同的方法来纠正这个问题但无济于事。代码如下。谢谢。我正在使用设计和引导程序。

<div class="container new-pit">

<div class="panel-heading new-pit">Sign Up</div>

<%= render 'devise/shared/error_messages', obj: @pit %>

<%= simple_form_for(@pit) do |f| %>
<div class="panel-body new-pit">
    <div class="form-group new-pit">
        <%= f.label :topic %>
        <%= f.text_field :topic %>

        <%= f.label :summary %>
        <%= f.text_area :summary %>

        <h5>Upload Image</h5>
        <%= f.file_field :image %>

        <%= f.label :video %> 
        <%= f.text_field :video_url %></div>
 <div class="form-actions">
<%= f.submit "Start Pit" %>
</div>
</div>

</div>
</div>