Как добавить стиль CSS к коду Ruby?

Question

[Sergei Safronov]

Здравствуйте, я новичок в RoR, пишу небольшой проект для себя. Когда закончил писать функционал, встал вопрос - как все это стилизовать. Выбрал для себя Bootstrap. Теперь вопрос, допустим, есть форма <%= f.text_area :body %>
Как применить стиль формы из Bootstrap к этому коду? <textarea rows=""></textarea>

Comments

[deep_orange]

f.text_area :body, rows: ''

Answer 1

[Аркадий Бутерманов]

Я бы посоветовал Вам воспользоваться гемом https://github.com/plataformatec/simple_form

1. Добавьте гем.
2. rails generate simple_form:install --bootstrap
3.

<%= simple_form_for @зщые do |f| %>
  <%= f.input :body, as: :text %>
<% end %>

Все остальное SimpleForm сделает за Вас: добавит необходимые классы к форме и инпутам, обернет инпуты в нужные контейнеры и т.д.

Comments

[Konstantin Kozhin]

А он с Bootstrap совместим?
Можно конечно mixin-ами добиться нужного результата, но мы же люди ленивые :)

[Andrew Emelianenko]

@kkzhn, да, в последней версии добавили поддержку Bootstrap 3.

[Аркадий Бутерманов]

@kkzhn да, полностью совместим. Поправил свой ответ. Добавил генератор для Bootstrap 3

[Sergei Safronov]

Спасибо, то что надо)

Answer 2

[anathem]

<%= form_for (@post), html: { class: 'form-horizontal' } do |f| %>
    <div class="form-group">
        <%= f.label :body, "Контент" %>
        <%= f.text_field :body, class: 'form-control' %>
    </div>
<% end %>

Например.

Answer 3

[Дмитрий Снегирев]

Также можно посмотреть гем bootstrap_form https://github.com/bootstrap-ruby/rails-bootstrap-forms

<%= bootstrap_form_for(@user) do |f| %>
  <%= f.email_field :email %>
  <%= f.password_field :password %>
  <%= f.check_box :remember_me %>
  <%= f.submit %>
<% end %>

На мой взгляд, больше всех совместим с бутстрапом.