如何缩小activeadmin表单的大小？

Question

我正在使用activeadmin构建rails应用程序。如何在创建表单元素时减小Activeadmin表单的大小。它完全抓住了屏幕的大小。

Answer 1

对于html标签的样式，您可以使用css或boot strap。您可以从MDN学习css的基础知识。在引导带中，整个屏幕被分成网格，因此它适用于不同的屏幕尺寸。

Answer 2

active_admin的默认css位于active_admin gem中。如果你在你的浏览器检查的风格，你会看到风格来源于地方，比如：

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

你可以改变他们的宝石 - 但不推荐，因为这将是一个矫枉过正，

要自定义字段设置为ALL领域在活动管理员，你将需要添加你的风格在active_admin.css.scss：

.my_class { 
    width: 200px; 
} 

，然后再将其应用到你的active_admin领域。像这样：

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