Question

Im having the exact same problem as stated on this answered post – nav-collapse not working [Twitter Bootstrap]

I apologize for being a newbie but I assume the answer here means that I should place:

<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

in the HEAD section of my application.html.erb file.

Well, I’ve done this and the icon is still not appearing. Is there anything else I need to do?

Here’s my GEMFILE source:

source 'https://rubygems.org'

gem 'rails', '3.2.8'
gem 'bcrypt-ruby', '3.0.1'
gem "possessive" 
  #gem 'therubyracer', :platforms => :ruby
gem 'bootstrap-sass', '2.0.4'


# Bundle edge Rails instead:
# gem 'rails', :git => 'git://github.com/rails/rails.git'

gem 'pg'

gem 'annotate', '2.5.0', group: :development


# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'uglifier', '>= 1.0.3'
  gem 'jquery-ui-rails'

  # See https://github.com/sstephenson/execjs#readme for more supported runtimes

end

gem 'jquery-rails'

# To use ActiveModel has_secure_password
# gem 'bcrypt-ruby', '~> 3.0.0'

# To use Jbuilder templates for JSON
# gem 'jbuilder'

# Use unicorn as the app server
# gem 'unicorn'

# Deploy with Capistrano
# gem 'capistrano'

# To use debugger
# gem 'debugger'

Answer 1

Make sure you have this files with correct lines.

 # app/assets/stylesheets/application.css
 /*
 *= require_self
 *= require_tree .    <-- Require all files in stylesheets directory
 */

 # app/assets/stylesheets/bootstrap_and_overrides.css.less
 @import "twitter/bootstrap/bootstrap";
 @import "twitter/bootstrap/responsive";   <-- These two lines in the beginning of file


 # app/views/layout/application.html.erb
 = stylesheet_link_tag "application", media: "all" <-- Yes, it should be in head section

Did you run $ rails g bootstrap:install – it should do all this work for you automagically.