如何将Rails表单代码添加到Bootstrap CSS

Question

我正在尝试使用Twitter Bootstrap css样式化一个简单的Ruby on rails表单，但我正在努力锻炼表单的Bootstrap css的哪一部分进入了哪条rails代码。

例如，以下哪行适合表单的Bootstrap CSS？ ：

<%= f.text_field :company %>

Answer 1

基于Twitter Bootstrap文档中的示例，我假设您正在尝试将表单控件类应用于您的输入。 如果是这种情况，您可以这样做。

<%= f.text_field :company, :class => "form-control" %>

Answer 2

<%= f.text_field :company %>

实际上，这段代码的意思是“使用好名（例如：user [company]）创建文本类型的标记输入，以便Rails可以轻松处理该参数”。 不多不少。

示例输出：

<input type="text" name="user[company]">

Bootstrap将使用CSS提供的样式来封装该对象。 所以

1-确保您的CSS已加载到“ application.css”中

通常，您需要为表单添加样式

  <%= form_for @resource, html: { class: "form form-inlined" }  do |f| %>

以及您输入的文本字段周围：

  <div class="form-group">
     <%= f.label :company %>
     <%= f.text_field  :company, class: "form-input" %>
  </div>

这只是一个示例，但是您可以看到将bootstrap类放在每个元素上的位置。