Как лучше всего выровнять ruby ​​по горизонтали в виде text_fields? - PullRequest
0 голосов
/ 11 сентября 2018

У меня есть следующая форма в одном из моих файлов просмотра, однако поля даты рождения, день, месяц и год расположены в шахматном порядке, когда они действительно отображаются. То есть каждое последующее поле показано внизу и справа от предыдущего поля. Я хочу, чтобы они появлялись горизонтально рядом друг с другом. Работает, если у меня нет ярлыков форм.

  <div class="date-input form-group" id="dob">
    <%= form.label :dob_day, :class =>"date-input-label" %>
    <%= form.text_field :dob_day, id: 'dob_day', :class =>"date-input-item" %>
    <%= form.label :dob_month, :class =>"date-input-label" %>
    <%= form.text_field :dob_month, id: 'dob_month', :class =>"date-input__item" %>
    <%= form.label :dob_year, :class =>"date-input-label" %>
    <%= form.text_field :dob_year, id: 'dob_year', :class =>"date-input-item" %>
  </div>

Я пытался поместить метки и поля text_fields в свои собственные таблицы и использовать заполнение ячеек CSS, чтобы попытаться соответствующим образом разместить их, но для этого им требуется отдельный интервал, а не то, что я могу просто применить одинаково к каждой ячейке.

Я что-то пропустил в рельсах, что сделает это для меня? Или мне нужно применить встроенный стиль CSS для каждой ячейки, чтобы добиться этого эффекта?

1 Ответ

0 голосов
/ 11 сентября 2018

Вы можете использовать Простую форму

Тогда:

rails generate simple_form:install --bootstrap

и по вашему мнению:

<%= simple_form_for @someting, wrapper: :inline_form, html: { class: 'form-inline' } do |form|%>
 <%= form.input :dob_day, id: 'dob_day', :class =>"date-input-item" %>
 <%= form.input :dob_month, id: 'dob_month', :class =>"date-input__item" %>
 <%= form.input :dob_year, id: 'dob_year', :class =>"date-input-item" %>
<% end %>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...