css - 在 Ruby on Rails 中将 Fullcalendar 与 Twitter Bootstrap 结合使用

标签 css ruby-on-rails twitter-bootstrap fullcalendar

我是 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/

相关文章:

ruby-on-rails - 如何使用 STI 建立 ActiveRecord 关联

html - Bootstrap - 在弹出框内对齐选择和提交表单

css - 多个第 n 个子语句

php - 从左到右插入记录到3列

mysql - 迁移现有项目的数据库

ruby-on-rails - Rails chartkick : want only integer values on axes. 使用离散的还是其他的?

c# - Bootstrap Wysiwyg Editor : Saved Data in HTML to Database, 尝试将 HTML 以 richtextbox 格式发送回编辑器

javascript - angular-ui bootstrap typeahead 转义键导致输入字段值变得未定义

javascript - 如何仅选择具有相同类名的元素列表的第一个元素

javascript - 在同一上下文中具有其他 JS 函数的 Jcrop 插件