如何減少activeadmin表單的大小？

Question

我正在使用activeadmin構建Rails應用程序。 創建表單元素時如何減小Activeadmin表單的大小。 它完全抓住了屏幕的大小。

Answer 1

active_admin的默認css在active_admin gem中。 如果您要檢查Chrome中的樣式，則會看到該樣式來自以下位置：

/gems/activeadmin-1.0.0.pre2/app/assets/stylesheets/active_admin/_forms.scss

您可以更改它們的寶石-但不建議您這樣做，因為這可能會造成太大的傷害，

要將自定義字段設置為活動管理員中的所有字段，則需要在active_admin.css.scss添加樣式：

.my_class {
    width: 200px;
}

然后應用於您的active_admin字段。 像那樣：

f.input :my_field, :input_html => { :class => 'my_class'}

Answer 2

要設置html標簽的樣式，可以使用CSS或引導帶。 您可以從MDN了解CSS的基礎知識。 在引導帶中，整個屏幕都分為網格，因此它也適用於不同的屏幕尺寸。