Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Rails:一行上的简单表单?_Css_Ruby On Rails_Twitter Bootstrap_Simple Form - Fatal编程技术网

Css Rails:一行上的简单表单?

Css Rails:一行上的简单表单?,css,ruby-on-rails,twitter-bootstrap,simple-form,Css,Ruby On Rails,Twitter Bootstrap,Simple Form,我正在用simple_form创建一个表单,并尝试在同一行上获取所有输入(我希望所有元素在呈现页面上水平内联) 我在谷歌上搜索了这个问题几个小时,但找不到有效的解决方案 简单表单代码: <%= simple_form_for(@post, :html => {:class => 'form-inline' }) do |f| %> <%= f.input :link, label: false, placeholder: "here..." %>

我正在用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 %>
{:class=>'forminline'})do | f |%>

任何解决方案?

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

因此,您的css应该如下所示:

.form-inline div { display: inline-block }

您的意思是希望所有元素在呈现页面上水平内联吗?您所说的“在同一行上获取所有输入”是什么意思。是的,我希望所有元素在呈现的页面上水平内联。@allegutta这更像是一个CSS问题。我添加了标签,也解决了我的问题。