引导 css 不起作用答案

【问题标题】：bootstrap css doesn't work引导 css 不起作用
【发布时间】：2012-10-31 17:30:04
【问题描述】：

我在我的 ruby on rails 项目中使用 gem twitter-bootstrap-rails。但是 css 类“icon-white”不起作用。我可以在 gem toolkit 中看到“icon-white”的定义。但在 chrome 开发工具中，我找不到它。为什么？怎么解决？

<h2>Sign in</h2>

<%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %>
<div><%= f.label :email %><br />
<%= f.email_field :email %></div>

<div><%= f.label :password %><br />
<div class = "icon-user icon-white"></div>
<%= f.password_field :password %></div>

<% if devise_mapping.rememberable? -%>
<div><%= f.check_box :remember_me %> <%= f.label :remember_me %></div>
<% end -%>

<div><%= f.submit "Sign in" %></div>
<% end %>

<%= render "devise/shared/links" %>

【问题讨论】：

请发布您的实际代码。除非您发布一些代码，否则我们看不到出了什么问题。
我只是想测试一下。代码在这里
提示：如果某个特定答案有助于解决您的问题，请单击其左侧的复选标记将其标记为“已接受”。此外，请不要忘记在适用的情况下对您之前的问题做同样的事情。你可以在your profile找到他们。

标签： ruby-on-rails-3 twitter-bootstrap

【解决方案1】：

引导图标适用于 <i> 元素。

<i class="icon-user icon-white"></i>

他们不会在 <div> 上工作

http://twitter.github.com/bootstrap/base-css.html#icons

（向下滚动到“如何使用”）

【讨论】：

@MarioDu - 来自引导文档：“还有一些样式可用于倒置（白色）图标，准备好一个额外的类。我们将专门针对导航和活动状态强制执行此类下拉链接。”您需要将鼠标悬停在此图标上才能看到任何更改。
我只是尝试评论“@import @import "fontawesome";"。效果很好。
如何使用fontawesome？用它来做什么？
@MarioDu 文档应该准确地告诉您该怎么做。它还为您提供了详细的示例以及它们的作用。
@MarioDu 如果这回答了您的问题，您应该将您的问题标记为已回答