twitter-bootstrap – 如何使用Simple Form和Bootstrap在与输入

发布时间：2020-12-17 21:33:19 所属栏目：安全来源：网络整理

导读：使用Simple Form和Bootstrap,我希望以下内容显示为内联而不是输入选择下方的提交按钮. %= simple_form_for :select_rollout,:html = {:class = "form-inline"},do |f| % %= f.input :rollout_id,collection: @rollout_options,:label = false % %= f.button

使用Simple Form和Bootstrap,我希望以下内容显示为内联而不是输入选择下方的提交按钮.

<%= simple_form_for :select_rollout,:html => {:class => "form-inline"},do |f| %>
  <%= f.input :rollout_id,collection: @rollout_options,:label => false %>
  <%= f.button :submit,"Apply" %>
<% end %>

以下解决方案仅适用于输入(提交按钮呈现在输入的div之外)：

<%= form.input :city,label: 'City/State/Zip',input_html: {class: 'span3'},wrapper_html: {class: 'controls controls-row'} do %>
  <%= form.input_field :city,class: 'span1' %>
  <%= form.input_field :state,class: 'span1' %>
<% end %>

解决方法

为了解决这个问题,我需要在输入块中使用input_field,并在块的包装器上使用内联形式样式：

<%= f.input :rollout_id,:label => false,wrapper_html: {class: "form-inline"} do %>
  <%= f.input_field :rollout_id,"Apply",:class => "btn-primary" %>
<% end %>

希望这有助于某人.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!