Bootstrap-sass not working within Rails App

Question 1

Your problem is that your gemfile defines: bootstrap 2.3.2.2, and you are using syntax for bootstrap 3.0.0. Note that the specifier ~> has a special meaning, best shown by example: ~> 2.3.2.2 is identical to >= 2.3.2.2 and < 2.4 (more info here).

CSS overrides anything that was written "before" the latest lines, so when you add the link in your layout, the CSS for bootstrap 3.0.0 overrides anything in your assets pipeline. Everything that continues working in your web app was simply not changed between these versions, everything that stops working was changed.

You can get what you want by using the syntax from the boostrap 2.3.2 refences guide. You will find the default grid system under the scaffolding link.

Question 2

Did you import the bootstrap mixins? You'd need to add @import "bootstrap/theme"; to your application.css.scss file

Here's a link to that section of the docs.

Also, have you tried the bootstrap-sass-rails gem instead?

Question 3

Step 1: include gem 'bootstrap-sass', '~> 3.3.6' and run bundle update

Step 2: in application.js file include //= require bootstrap-sprockets

Step 3: in css file : Make sure the file has .scss extension (or .sass for Sass syntax). If you have just generated a new Rails app, it may come with a .css file instead. If this file exists, it will be served instead of Sass, so rename it:

**app/assets/stylesheets/application.css app/assets/stylesheets/application.scss**

and remove all the lines from that and include

@import "bootstrap";

Step 4:rails run server