如何将 Rails 表单代码添加到引导 css答案

【问题标题】：How do I add rails form code to bootstrap css如何将 Rails 表单代码添加到引导 css
【发布时间】：2015-11-06 01:32:21
【问题描述】：

我正在尝试使用 Twitter Bootstrap css 设计一个简单的 Ruby on rails 表单，但我正在努力确定哪些 Rails 代码进入表单的 Bootstrap css 的哪个部分。

例如，以下行将在哪里适合表单的 Bootstrap css？：

<%= f.text_field :company %>

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案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>

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

【讨论】：