I'm a beginner in Rails and I'd like to incorporate Bootstrap into my website, but I'm running into issues with Bootstrap not loading. Can someone help me troubleshoot what might be wrong and suggest any changes I should make?
I've been following the instructions on this guide: Sass-Bootstrap
Below are the files I have:
Gemfile:
gem 'rails', '3.2.16'
gem 'ruby'
gem 'bootstrap-sass', '~> 3.3.5'
gem 'sass-rails', '>= 3.2'
gem 'turbolinks'
application.scss
@import "bootstrap-sprockets";
@import "bootstrap";
application.js
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require_tree .
application.html.erb
<meta name="viewport" content="width=device-width, initial-scale=1">
<%= stylesheet_link_tag "application", :media => "all", "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
<%= csrf_meta_tags %>
</head>
<body>
<div class="container">
<ul class="nav nav-tabs">
<li><%= link_to "Home", welcome_index_path %></li>
<li><%= link_to "About", welcome_about_path %></li>
</ul>
<%= yield %>
</div>
The Ruby version used in my project is ruby 2.0.0p481
My Rails Version is: Rails 3.2.22