在Ruby on Rails中使用Fullcalendar和Twitter Bootstrap

在Ruby on Rails的世界里我是一个新手。作为一个小练习，我试图设置一个基本的(但精致的)日历，具有标记功能。Fullcalendar在日历上工作得很好，而作为标签的行为是一个很好的标签系统。

我遇到麻烦的地方，然而，是使用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 (No route matches [get] "/stylesheets/bootstrap- fullcalendar .css"):"错误，而启动服务器…这似乎很重要。

如果你确定这个文件在app/assets/bootstrap- fullcalendar .css上，那么你就不需要它在/public/stylesheets上了，把它从/public/stylesheets中删除(它会被rails预编译，所以不用担心)

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

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

检查一下，我们可以从这里继续

既然有人支持这个，我决定回顾一下我做了什么来解决这个问题，因为我最终解决了这个问题。似乎我所做的只是改变我的gemfile中的行从最新版本安装，按照gem的github页面上的说明:

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

之后，它基本上是开箱即用的。后来我还可以毫不费力地添加一个bootstrap日期时间选择器和颜色选择器。图。

相关内容

最新更新

热门标签：