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'}