如何将rails表单代码添加到bootstrap css

Question

我正在尝试使用Twitter Bootstrap css设置一个简单的Ruby on rails形式，但是我正在努力锻炼哪些部分的rails代码进入一个表单的Bootstrap css的哪一部分。

例如，以下行是否适合表单的Bootstrap css？ ：

<%= f.text_field :company %>

Answer 1

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

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

查看类似问题：Using CSS to style Ruby objects in erb

Answer 2

count(distinct field1, field2)

实际上，这段代码意味着＆＃34;创建一个类型为text的标记输入，带有好名字（例如：user [company]），因此Rails可以轻松处理参数＆＃34;。不多也不少。

示例输出：

<%= f.text_field :company %>

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

1-确保您的css已加载到＆＃34; application.css＆＃34;

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

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

还在输入文本字段周围：

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

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