1

我是 Ruby on Rails 世界的新手。作为一个小练习,我正在尝试设置一个具有标记功能的基本(但经过优化)日历。Fullcalendar 在日历上工作得非常好,并且作为标记-on 是一个很好的标记系统。

然而,我遇到麻烦的地方是使用 Twitter Bootstrap 来获得漂亮的按钮和布局。我似乎无法让宝石真正做任何事情。按照 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"):" 启动服务器时出错...这似乎很重要。

4

2 回答 2

1

好的,所以如果你确定文件在 app/assets/bootstrap-fullcalender.css 上,那么你不需要它在 /public/stylesheets 上,将它从 /public/stylesheets 中删除(它将由 rails 预编译所以不需要担心)。

然后重启你的服务器,这个 url 应该给你样式表:

http://localhost:3000/assets/bootstrap-fullcalender.css

检查一下,我们可以从那里继续

于 2013-03-03T23:40:00.790 回答
0

由于有人对此表示赞同,我决定回顾一下我为解决这个问题所做的工作,因为我最终确实解决了这个问题。看来我所做的只是根据 gem 的 github 页面上的说明将我的 gemfile 中的行更改为从最新版本安装:

gem "twitter-bootstrap-rails", :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git'

在那之后,它基本上是开箱即用的。我后来也能够毫不费力地添加一个引导 datetimepicker 和 colorpicker。去搞清楚。

于 2014-06-10T23:24:29.817 回答