Twitter-Bootstrap и формы в Rails

Это может быть вопрос новичка, но ему не очень повезло с этим. Предыстория:

  1. Rails 3.0.x версия
  2. Bootstrap 2.0 - используется как предварительно скомпилированный, просто помещается в общедоступные / таблицы стилей. Att
  3. Попытка создать форму с горизонтальной компоновкой, то есть метку рядом с полем ввода в той же строке.

Проблема в том, что я не могу заставить форму работать, но могу получить образец кода Bootstrap по умолчанию в той же форме для правильной компоновки.Форма Rails выглядит так:

<%= form_for @member, :html => {:class => "form-horizontal"} do |m| %>
<%= m.label :title %> <%= m.text_field :title %> <%= m.label :first_name %> <%= m.text_field :first_name %> <% end %>

Обратите внимание, что метод form_for имеет класс form-horizontal , как описано в CSS-форме Bootsrap

При отображении метки , например, название, на одной строке с корректировкой влево, а затем на следующей строке - поле ввода, также с корректировкой влево.

Теперь, если я включу часть образца кода Bootstrap для таких форм, как:

Legend text

Supporting help text

Тогда я получу ожидаемый результат - метку и поле ввода в одной строке в горизонтальной компоновке.

Я пробовал добавить стиль "control-label" к компонентам m.label и m.text_field, но без всякого удовольствия получился горизонтальный макет.

Таким образом, я не уверен, в чем проблема, поскольку рабочая часть проверяет, что я могу заставить работать Bootstrap, хотя с моей формой Rails Form она не учитывает горизонтальную форму.

14
задан Hugo Dozois 7 October 2013 в 13:24
поделиться