activeadminフォームのサイズを小さくするにはどうすればよいですか？

Question

私はactiveadminを使ってレールアプリを構築しています。フォーム要素を作成するときにActiveadminフォームのサイズを小さくする方法これは、画面のサイズを完全に把握します。

Answer 1

htmlタグをスタイリングするには、CSSまたはブートストラップを使用できます。あなたはMDNからCSSの基礎を学ぶことができます。ブートストラップでは、画面全体がグリッドに分割されているため、さまざまな画面サイズでも機能します。

Answer 2

active_adminのデフォルトCSSは、active_admin gemにあります。 - それは

、過剰になると、それが推奨されていません

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

あなたは彼らに宝石を変更することができます：あなたはChromeでスタイルを調べます場合は、スタイルが似どこから来て表示されますあなたがactive_admin.css.scssであなたのスタイルを追加する必要がありますあなたのアクティブな管理者でALLフィールドにカスタムフィールドを設定するには：

.my_class { 
    width: 200px; 
} 

してからactive_adminの分野に適用します。次のように入力してください：

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