html - 如何在 rails 中的另一个元素附近显示一个表单元素？

Question

在我的事件管理页面中，我有管理用户的链接。在管理用户页面中，我有一些类别的电子邮件选项。类别名称和电子邮件或显示在下一行中。我希望它们几乎被展示出来。

例子:

  send new item arrival
           email   yes
                   no 

yes 和 no 有单选按钮。我希望它显示为

      send new item arrival    email   yes
                                       no

管理用户.html.erb

  <%= form.label :"send new item arrival" %>

  <% if email %>
    <%= form.input :send new item arrival_has_email", :label => 'email', :as => :radio, :collection => {:Yes => true, :No => false}%>
  <% end %>

已编辑代码

<style>

body.active_admin .user ol {
    margin-left: 50px;

}
body.active_admin .user ol label{
    text-align: left;
    font-size: 1.0em;
    font-weight: bold;
    color: #5e6469;
    display: inline;
}
body.active_admin .user ol li ol {
    margin: 0;
    padding: 0 0 0 10%;
    display: inline;

}
body.active_admin .user ol li ol li{

    margin: 0.1em 3.5em 0.5em 0;
    display: inline-block;
}

body.active_admin form .actions{
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 20px 0
}
body.active_admin .user ol label.title {
    background: #087B85;
    color: #ffffff;
}

</style>

通过这个我得到了

send new item arrival
       email   yes  no

Answer 1

这是 CSS 问题。做点像

<div class="pull-left">
     <%= form.label :"send new item arrival" %>
</div>
<div class="pull-right">    
      <% if email %>
        <%= form.input :send new item arrival_has_email", :label => 'email', :as => :radio, :collection => {:Yes => true, :No => false}%>
      <% end %>
</div>

和用户适当的 CSS 样式