Я пытаюсь использовать bootstrap-sass (3.1.0.2) и sass-rails (4.0.1) в моем проекте rails (4.0.0).

Мой файл application.css.scss выглядит так:

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * 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 font-awesome
*= require_tree .
*/ 

Мой файл bootstrap_and_overrides.css.scss находится в папке стилей и выглядит следующим образом:

@import "bootstrap";

У меня есть тестовая страница, чтобы попробовать это с этим:

    <div class="container">
<h2>test terms</h2>
<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
<p class="bg-primary">.dfd..</p>
<p class="bg-success">..sdfas.</p>
<p class="bg-info">..sdfs.</p>
<p class="bg-warning">.asdf..</p>
<p class="bg-danger">.adf..</p>
<p>test terms</p>


<button type="button" class="btn btn-primary">Default</button>

</div>
<button type="button" class="btn btn-info">Info</button>

Когда я запускаю сервер и захожу на страницу, он отображается в виде обычного текста без стиля начальной загрузки.

Любые идеи о том, что делать, будут оценены. Кажется, некоторые люди здесь не используют драгоценные камни. Есть ли причина для такого подхода? Спасибо большое!