title: Cannot call method 'charAt' of undefined error in twitter bootstrap
body: <p>I am creating first twitter bootstrap application but getting following error in rails 3.2.3 and ruby 1.8.7</p>
  
  <pre><code>  ActionView::Template::Error (Cannot call method 'charAt' of undefined
    (in /home/likewise-open/RADIXLOCAL/urjit.rajgor/workspace/twitter_bootstrap/app/assets/stylesheets/bootstrap_and_overrides.css.less)):
      11:       &lt;script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"&gt;&lt;/script&gt;
      12:     &lt;![endif]--&gt;
      13: 
      14:     &lt;%= stylesheet_link_tag "application"  %&gt;
      15: 
      16:     &lt;link href="images/favicon.ico" rel="shortcut icon"&gt;
      17:     &lt;link href="images/apple-touch-icon.png" rel="apple-touch-icon"&gt;
     app/views/layouts/application.html.erb:14:in `_app_views_layouts_application_html_erb__1043627680__634423168'
     app/controllers/posts_controller.rb:7:in `index'
  </code></pre>
  
  <p>My Gemfile</p>
  
  <hr>
  
  <pre><code> source 'https://rubygems.org'
  
   gem 'rails', '3.2.3'
   # Bundle edge Rails instead:
   # gem 'rails', :git =&gt; 'git://github.com/rails/rails.git'
  
   gem 'mysql2'
   gem "execjs"
   gem 'json'
   # Gems used only for assets and not required
   # in production environments by default.
  gem "twitter-bootstrap-rails", :git =&gt; 'git://github.com/seyhunak/twitter-bootstrap-rails.git'
  group :assets do
    gem 'sass-rails',   '~&gt; 3.2.3'
    gem 'coffee-rails', '~&gt; 3.2.1'
    gem 'less-rails'
    # See https://github.com/sstephenson/execjs#readme for more supported runtimes
    gem 'therubyracer', :platform =&gt; :ruby
    gem 'uglifier', '&gt;= 1.0.3'
  
  end
  gem 'jquery-rails'
  </code></pre>
  
  <p>application.css</p>
  
  <hr>
  
  <pre><code> /*
   * This is a manifest file that'll automatically include all the stylesheets available  in this directory
   * and any sub-directories. You're free to add application-wide styles to this file and  they'll appear at
   * the top of the compiled file, but it's generally better to create a new file per style scope.
   *= require_self
   *= require bootstrap_and_overrides
   *= require_tree
   */
  </code></pre>
  
  <p>bootstrap_and_overrides.css.less</p>
  
  <hr>
  
  <pre><code> @import "twitter/bootstrap/bootstrap";
   body { padding-top: 60px; }
  
   @import "twitter/bootstrap/responsive";
  
  // Set the correct sprite paths
   @iconSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings.png');
   @iconWhiteSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings-white.png');
  
   // Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
   @fontAwesomeEotPath: asset-path('fontawesome-webfont.eot');
   @fontAwesomeWoffPath: asset-path('fontawesome-webfont.woff');
   @fontAwesomeTtfPath: asset-path('fontawesome-webfont.ttf');
   @fontAwesomeSvgzPath: asset-path('fontawesome-webfont.svgz');
   @fontAwesomeSvgPath: asset-path('fontawesome-webfont.svg');
  
  // Font Awesome
  @import "fontawesome";
  </code></pre>
  
  <p>Help me.<br>
  Thanks.</p>