title: Using Fullcalendar with Twitter Bootstrap in Ruby on Rails
body: <p>I'm very much a novice in the Ruby on Rails world. As a small exercise, I'm attempting to set up a basic (but polished) calendar with tagging capabilities. Fullcalendar is working very nicely for the calendar and acts-as-taggable-on is a nice tagging system. </p>
  
  <p>Where I'm running into trouble, however, is with using Twitter Bootstrap for nice buttons and layouts. I can't seem to get the gem to actually do anything; my pages look completely unchanged after installing it following Railscast #328 (<a href="http://railscasts.com/episodes/328-twitter-bootstrap-basics" rel="nofollow">http://railscasts.com/episodes/328-twitter-bootstrap-basics</a>).</p>
  
  <p>Right now, my application.html.erb looks like this:</p>
  
  <pre><code>  1 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;&lt;html&gt;
    2 &lt;head&gt;
    3   &lt;title&gt;Calendar&lt;/title&gt;
    4   &lt;%= stylesheet_link_tag "fullcalendar.css" %&gt;
    5   &lt;%= stylesheet_link_tag "bootstrap-fullcalender.css" %&gt;
    6   &lt;%= stylesheet_link_tag "application.css" %&gt;
    7   &lt;%= javascript_include_tag "jquery.js" %&gt;
    8   &lt;%= javascript_include_tag "jquery.rest.js" %&gt;
    9   &lt;%= javascript_include_tag "rails.js" %&gt;
   10   &lt;%= javascript_include_tag "application.js" %&gt;
   11 
   12   &lt;!-- these are needed for the calendar. --&gt;
   13   &lt;%= javascript_include_tag "jquery-ui-1.8.11.custom.min.js" %&gt;
   14   &lt;%= javascript_include_tag "fullcalendar.js" %&gt;
   15   &lt;%= javascript_include_tag "calendar.js" %&gt;
   16 
   17   &lt;%= csrf_meta_tag %&gt;
   18 
   19   &lt;%= javascript_tag "var AUTH_TOKEN = #{form_authenticity_token.inspect};" if protect_against_forgery? %&gt;
   20 
   21 &lt;/head&gt;
   22 &lt;body&gt;
   23 
   24 &lt;%= yield %&gt;
   25 
   26 &lt;/body&gt;
   27 &lt;/html&gt;
  </code></pre>
  
  <p><br>
  The bootstrap-fullcalendar.css file was shamelessly "borrowed" from brennovich's solution at <a href="https://github.com/addyosmani/jquery-ui-bootstrap/issues/37" rel="nofollow">https://github.com/addyosmani/jquery-ui-bootstrap/issues/37</a>. I placed the file in both /app/assets/stylesheets and /public/stylesheets but have had no luck with it.</p>
  
  <p><br>
  <br>
  Any suggestions as to how to get this working and/or an alternative to Bootstrap for nice formatting?</p>
  
  <p>EDIT:</p>
  
  <p>Gemfile, application.css, and application.js are posted in one of the comments below (I only have a limited number of links, sadly :-/)
  <br>
  Also noticed that I get an "ActionController::RoutingError (No route matches [GET] "/stylesheets/bootstrap-fullcalender.css"):" error while starting the server...that seems important.</p>