3

我正在使用 simple_form 制作一个表单，并且我试图在同一行上获取所有输入（我希望所有元素在呈现的页面上水平内联）。

我已经用谷歌搜索了这个问题几个小时，但我找不到有效的解决方案。

simple_form 代码：

<%= simple_form_for(@post, :html => {:class => 'form-inline' }) do |f| %>
   <%= f.input :link, label: false, placeholder: "here..." %>
   <%= f.input :type, as: :radio_buttons, collection: [['<span class="add-on"><i class="icon-on icon-white"></i></span>'.html_safe, '0'], ['<span class="add-on"><i class="icon-off icon-white"></i></span>'.html_safe, '1'], ['<span class="add-on"><i class="icon-on icon-white"></i> + <i class="icon-of icon-white"></i></span>'.html_safe, '2']], item_wrapper_class: 'inline', label: false %>
   <%= button_tag(type: 'submit', class: "btn btn-inverse") do %>
      <i class="icon-ok icon-white"></i>
   <% end %>
<% end %>

有什么解决办法吗？

4

1 回答 1

6

simple_form 为每个输入创建一个包含一个 div 的表单。每个 div 包含一个标签和一个输入字段

所以你的CSS应该看起来像：

.form-inline div { display: inline-block }
于 2013-05-14T14:57:25.883 回答