css - RailsでBootstrapを使用して選択オプションタグの幅を調整しようとしています

Question

次のコードがあります。

%h2=@activity.title
=form_for @time_tracker do |f|
    .text
        =f.label :clock_in
        =f.datetime_select :clock_in
    .text
        =f.label :clock_out
        =f.datetime_select :clock_out
    .btn.btn-primary
        =f.submit "#{text}"

下の写真でわかるように、選択範囲が広すぎます。Bootstrap のオプション タグのデフォルトの幅の値を変更するにはどうすればよいですか?

Answer 1

.cssファイル 内にクラスを作成します。

.option-large {
  width: 120px !important;
}

入力に使用します。

=f.datetime_select :clock_in, :class => 'option-large'

編集：

構文に追加のハッシュがあると思いますが、よくわかりません。

=f.datetime_select :clock_in, {}, {:class => 'option-large'}