我是 Ruby on Rails 世界的新手。作为一个小练习,我正在尝试设置一个具有标记功能的基本(但经过优化)日历。 Fullcalendar 对于日历来说工作得非常好,acts-as-taggable-on 是一个很好的标记系统。
然而,我遇到麻烦的地方是使用 Twitter Bootstrap 来获得漂亮的按钮和布局。我似乎无法让 gem 真正做任何事情;按照 Railscast #328 ( http://railscasts.com/episodes/328-twitter-bootstrap-basics ) 安装后,我的页面看起来完全没有变化。
现在,我的 application.html.erb 看起来像这样:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html>
2 <head>
3 <title>Calendar</title>
4 <%= stylesheet_link_tag "fullcalendar.css" %>
5 <%= stylesheet_link_tag "bootstrap-fullcalender.css" %>
6 <%= stylesheet_link_tag "application.css" %>
7 <%= javascript_include_tag "jquery.js" %>
8 <%= javascript_include_tag "jquery.rest.js" %>
9 <%= javascript_include_tag "rails.js" %>
10 <%= javascript_include_tag "application.js" %>
11
12 <!-- these are needed for the calendar. -->
13 <%= javascript_include_tag "jquery-ui-1.8.11.custom.min.js" %>
14 <%= javascript_include_tag "fullcalendar.js" %>
15 <%= javascript_include_tag "calendar.js" %>
16
17 <%= csrf_meta_tag %>
18
19 <%= javascript_tag "var AUTH_TOKEN = #{form_authenticity_token.inspect};" if protect_against_forgery? %>
20
21 </head>
22 <body>
23
24 <%= yield %>
25
26 </body>
27 </html>
bootstrap-fullcalendar.css 文件是无耻地从 brennovich 的解决方案中“借用”的 https://github.com/addyosmani/jquery-ui-bootstrap/issues/37 .我将文件放在/app/assets/stylesheets 和/public/stylesheets 中,但没有成功。
关于如何让它工作和/或替代 Bootstrap 以获得良好格式的任何建议?
编辑:
Gemfile、application.css 和 application.js 发布在下面的评论之一中(遗憾的是,我只有有限数量的链接:-/)
还注意到我在启动服务器时收到“ActionController::RoutingError(没有路由匹配 [GET]“/stylesheets/bootstrap-fullcalender.css”):”错误……这似乎很重要。
最佳答案
好的,所以如果你确定文件在 app/assets/bootstrap-fullcalender.css 上,那么你不需要它在/public/stylesheets 上,从/public/stylesheets 中删除它(它会被预编译rails 所以不用担心)。
然后重启你的服务器,这个 url 应该给你样式表:
http://localhost:3000/assets/bootstrap-fullcalender.css
检查一下,我们可以从那里继续
关于css - 在 Ruby on Rails 中将 Fullcalendar 与 Twitter Bootstrap 结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15182722/