如何縮小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'}