[英]Rails: Simple_form on one line?
我正在使用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 %>
对此有何解决方案?
simple_form为每个输入创建一个包含div的表单。 每个div包含一个标签和一个输入字段
所以你的CSS应该是这样的:
.form-inline div { display: inline-block }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.