Bootstrap Simple Form пользовательская оболочка, поле ввода отделено от prepend - PullRequest
Новая
       20

Bootstrap Simple Form пользовательская оболочка, поле ввода отделено от prepend

0 голосов
/ 15 марта 2019

Группа ввода не отображает предприятие правильно. Появляется prepend, но затем поле опускается до следующей строки. Как это исправить, используя только Bootstrap, я предпочитаю не изменять CSS, а открывать его, если это единственный способ.

Отображается как:

enter image description here

Config / Initializer / simple_form_bootstrap.rb 

  # horizontal range input group
  config.wrappers :bs_horizontal_range, tag: 'div', class: 'form-group row', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b|
    b.use :html5
    b.use :placeholder
    b.optional :readonly
    b.optional :step
    b.use :label, class: 'col-sm-4 form-control-label'
    b.wrapper :input_group_tag, tag: 'div', class: 'input-group' do |ba|
      ba.optional :prepend
      ba.use :input, class: 'form-control-range', error_class: 'is-invalid', valid_class: 'is-valid'
      ba.optional :append
    end
    b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' }
    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
  end

Простой вид формы 

        <%= f.input :revenue, prepend: "$", :wrapper => :bs_horizontal_range %>
...