Simple_Form + Bootstrap 3,如何定位父div来设置列类?

时间:2014-07-24 15:33:53

标签: ruby-on-rails twitter-bootstrap twitter-bootstrap-3 simple-form

我的simple_form输入:

<%= f.input :start_date, as: :string %>

编译为以下HTML:

<div class="form-group">
  <label class="col-md-4 control-label" for="exercise_start_date">Start date:</label>
  <div class="col-md-8">
    <input class="form-control" id="exercise_start_date" name="exercise[start_date]" size="50" type="text">
  </div>
</div>

class="col-md-8"来自我的simple_form_bootstrap.rb初始值设定项,因此我的所有表单字段都默认为该大小。对于仅包含日期的字段,我只需要说col-md-4。如果我使用wrapper_html: { class: 'col-md-2' }它会一直到#34;祖父母&#34;当前包含form-group的div,并将其放在那里,其中包含了整个字段组。

所以我的问题是如何从col-md-8更改为col-md-4?使用bootstrap 2.x,列大小调整在输入类中设置,如input_html: { class: 'span3' }

0 个答案:

没有答案