Rails Bootstrap Form：填充整个水平行？

Question

这段代码

<div class="row">
        <div class="col-md-8 col-md-offset-2">
        <%= bootstrap_form_for @keen, remote: true, html: {class: 'emailForm form-inline'} do |f| %>
            <%= f.email_field :email, hide_label: true %>
            <%= f.submit "OK, LET'S GO!" %>
        <% end %>
    </div>
</div>

将input field 和submit button 放在同一水平行（这很好），但input field 和submit button 都“强制”在行的左侧。我怎样才能使输入字段和提交按钮填满整行（输入字段占用大部分空间）？

Answer 1

我可能会误会，但我相信您需要做的就是：

改变

<div class="col-md-8 col-md-offset-2">

到

<div class="col-md-12">

col-md-8 告诉元素占用 12 个可用列中的 8 个，col-md-offset-2 告诉该列向右移动（偏移）2 列。