Rails 4 Bootstrap partial styling <p>I've been having trouble integrating bootstrap-sass into any of my Rails 4 projects. So far i'm only getting partial rendering of the bootstrap assets. I've resorted to using using the railstutorial.org in my search for bootstrap functionality. I'm using the ch5 (listing 5.4) source code yielding the following results:</p> <p>The classes btn-lg, btn-primary, and navbar-right classes are working. The page yields buttons and a partially structured navbar with the links to the right. However, the navbar classes for the most part are not working. The navbar has no 'inverse' styling, the entire div is washed out with no text styling whatsoever.</p> <p>I've been using 'rake assets:precompile' and restarting the server after every update to the assets pipeline.</p> <p><em>Gemfile</em> contains the following above the 'jquery-rails' gem</p> <pre><code>gem 'rails', '4.2.0' gem 'bootstrap-sass', '~&gt; 3.3.3' gem 'sass-rails', '&gt;= 3.2' </code></pre> <p>custom.css.scss</p> <pre><code>@import "bootstrap-sprockets"; @import "bootstrap" </code></pre> <p><em>application.html.erb</em></p> <p><div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code"> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;%= full_title(yield(:title)) %&gt;&lt;/title&gt; &lt;%= stylesheet_link_tag "application", :media =&gt; "all" %&gt; &lt;%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' =&gt; true %&gt; &lt;%= javascript_include_tag 'application', 'data-turbolinks-track' =&gt; true %&gt; &lt;%= csrf_meta_tags %&gt; &lt;!--[if lt IE 9]&gt; &lt;script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js"&gt; &lt;/script&gt; &lt;![endif]--&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="navbar navbar-fixed-top navbar-inverse"&gt; &lt;div class="container"&gt; &lt;%= link_to "sample app", '#', id: "logo" %&gt; &lt;nav&gt; &lt;ul class="nav navbar-nav navbar-right"&gt; &lt;li&gt;&lt;%= link_to "Home", '#' %&gt;&lt;/li&gt; &lt;li&gt;&lt;%= link_to "Help", '#' %&gt;&lt;/li&gt; &lt;li&gt;&lt;%= link_to "Log in", '#' %&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="container"&gt; &lt;%= yield %&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</code></pre> </div> </div> </p> <p>Buttons in <em>home.hrml.erb</em></p> <p><div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code"> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;% provide(:title, "Home") %&gt; &lt;div class="center jumbotron"&gt; &lt;h1&gt;Welcome to the Sample App&lt;/h1&gt; &lt;h2&gt; This is the home page for the &lt;a href="http://www.railstutorial.org/"&gt;Ruby on Rails Tutorial&lt;/a&gt; sample application. &lt;/h2&gt; &lt;%= link_to "Sign up now!", '#', class: "btn btn-lg btn-primary" %&gt; &lt;/div&gt; &lt;%= link_to image_tag("rails.png", alt: "Rails logo"), 'http://rubyonrails.org/' %&gt;</code></pre> </div> </div> </p>