导入一个 CSS 库

Question

我有一个没有我试图引用的 css 的 haml 页面。

我的 application.html.haml 中有这个

-controller_action = "#{controller_name}##{action_name}"
!!! 5
%html
  %head
    %a {:href => 'http://twitter-bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css'}
  %body

我有一个页面就是这样的：

.navbar .navbar-fixed-top Hello, World!

从这里使用 Twitter 引导 css：http://twitter.github.com/bootstrap/

我希望 css 框架的一些元素会出现在我的页面上，但它们没有出现。

我认为这可能是我如何尝试使用应用程序文件来引用 css 框架的问题。

Answer 1

首先，您使用的 URL 错误，然后您导入 CSS 的方式也错误，最后您不应该从其他网站提供 CSS 文件，而应该从您的网站提供。

将此 CSS 复制到您的项目中然后使用正确的助手：

!!! 5
%html
  %head
    = stylesheet_link_tag 'bootstrap'
  %body

然后你的 CSS 就可以正常工作了。