导入css库

时间:2012-06-01 17:54:18

标签: ruby-on-rails ruby twitter-bootstrap haml

我有一个haml页面,它没有我试图引用的css呈现。

我的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 bootstrap css:http://twitter.github.com/bootstrap/

我希望css框架的某些元素能够显示在我的页面上,但它们并没有显示出来。

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

1 个答案:

答案 0 :(得分:3)

首先,您使用的网址是错误的,那么您导入CSS的方式也是错误的,最后您不应该从其他网站提供CSS文件,您应该从您的网站提供。

如果您使用Rails 2.X或 app / assets / stylesheets ,如果您使用的是Rails 3.X,请将此CSS复制到项目中 public / stylesheets 然后使用正确的帮助者:

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

然后你将使CSS正常工作。