此代码
<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
都被“强制”在行的左侧。我怎样才能使输入字段和提交按钮填满整行(输入字段占用大部分空间)?
答案 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列。