Rails Bootstrap Form:填充整个水平行?

时间:2015-02-06 16:17:22

标签: ruby-on-rails forms twitter-bootstrap

此代码

<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 fieldsubmit button置于同一水平行(这是好的),但input fieldsubmit button都被“强制”在行的左侧。我怎样才能使输入字段和提交按钮填满整行(输入字段占用大部分空间)?

1 个答案:

答案 0 :(得分:0)

我可能会误解,但我相信你需要做的就是:

更改

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

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

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