ruby-on-rails - Rails ActiveAdmin，表单页面上的两列(不是边栏)

Question

在事件管理的表单中，字段根据窗口的大小在页面上水平扩展。如果是大显示器，右边会有很多“未使用”的空间。

如何在页面右侧添加一个“列”(不是侧边栏)，这样我就可以在左侧得到一个 50% 宽度的部分和一个 50% 宽度的部分在右边？

我需要这个，因为我有很多字段。

这是我的表单现在的部分样子...

form do |f|
  f.inputs "Shipment Details" do
    f.input :file_number
    f.input :customer, :label_method => :company_name
    f.input :shipper, :label_method => :company_name
    f.input :broker, :label_method => :company_name
  end
    f.inputs "Places" do
    f.input :place_of_origin, :as => :select, :collection => Place.find(:all, :order => "city", :select => "city").map(&:city)
    f.input :place_of_loading, :as => :select, :collection => Place.find(:all, :order => "city", :select => "city").map(&:city)
    f.input :place_of_delivery, :as => :select, :collection => Place.find(:all, :order => "city", :select => "city").map(&:city)
    f.input :via, :as => :select, :collection => Place.find(:all, :order => "city", :select => "city").map(&:city)
  end
  f.inputs "Carrier" do
    f.input :carrier, :label_method => :company_name
    f.input :mode, :as => :select,
    :collection => ["Air", "Air Collect", "Air Prepaid", "FCL", "FTL", "LCL", "LTL", "TBA"]
    f.input :mbl, :label => "MBL"
    f.input :hbl, :label => "HQL"
    f.input :vessel
    f.input :container
  end
  f.buttons
end

Answer 1

这很简单，你可以给输入的每个部分一个 CSS 类，然后你会修改 active_admin.css.scss(或只是 .css)，这样它就会将你的表单 float 到正确的位置，并给它们正确的宽度等。