Railsのbootstrap-sassのカスタマイズ方法

Question

こんばんわ！

Railsでgemのbootstrap-sassを導入しました。
bootstrapをカスタマイズしようと、色々と設定をしていましたが、エラーで弾かれてしまいます。

目標
bootstrapの_variables.scssを置いて、自分でカスタマイズして、色などを変更したい

エラー
bootstrap-customというフォルダを作り、そこに_variables.scssを置いて@importをしているが、エラーになる。

Sass::SyntaxError at /xxxxxxx(controller名）/index.html
Undefined variable: "$bootstrap-sass-asset-helper".

ファイル構成は下記の通りです。

ファイル構成

├─assetes
│  │      
│  ├─stylesheet
│  │     │       application.css.scss
│  │     │       _bootstrap-custom.scss
│  │     ├─bootstrap-custom
│  │     │       _variables.scss

各ファイルの記述内容は次の通りです。

application.css.scss
@import "bootstrap-sprockets";#javascriptのファイル
@import "bootstarp-custom";

_bootstrap-custom.scss

// Core variables and mixins
@import "bootstrap/variables";#ここを変更してもエラーになる
@import "bootstrap/mixins";

// Reset and dependencies
@import "bootstrap-custom/normalize";
@import "bootstrap/print";
@import "bootstrap/glyphicons";

// Core CSS
@import "bootstrap/scaffolding";
@import "bootstrap/type";
@import "bootstrap/code";
@import "bootstrap/grid";
@import "bootstrap/tables";
@import "bootstrap/forms";
@import "bootstrap/buttons";

// Components
@import "bootstrap/component-animations";
@import "bootstrap/dropdowns";
@import "bootstrap/button-groups";
@import "bootstrap/input-groups";
@import "bootstrap/navs";
@import "bootstrap/navbar";
@import "bootstrap/breadcrumbs";
@import "bootstrap/pagination";
@import "bootstrap/pager";
@import "bootstrap/labels";
@import "bootstrap/badges";
@import "bootstrap/jumbotron";
@import "bootstrap/thumbnails";
@import "bootstrap/alerts";
@import "bootstrap/progress-bars";
@import "bootstrap/media";
@import "bootstrap/list-group";
@import "bootstrap/panels";
@import "bootstrap/responsive-embed";
@import "bootstrap/wells";
@import "bootstrap/close";

// Components w/ JavaScript
@import "bootstrap/modals";
@import "bootstrap/tooltip";
@import "bootstrap/popovers";
@import "bootstrap/carousel";

// Utility classes
@import "bootstrap/utilities";
@import "bootstrap/responsive-utilities";

_variables.scss
//
// Variables
// --------------------------------------------------


//== Colors
//
//## Gray and brand colors for use across Bootstrap.

$gray-base:              #000 !default;
$gray-darker:            lighten($gray-base, 13.5%) !default; // #222
$gray-dark:              lighten($gray-base, 20%) !default;   // #333
$gray:                   lighten($gray-base, 33.5%) !default; // #555
$gray-light:             lighten($gray-base, 46.7%) !default; // #777
$gray-lighter:           lighten($gray-base, 93.5%) !default; // #eee

これ以上ありますが、初期データなので割愛します。

参考URL:http://qiita.com/masamitsu-konya/items/e3630046774ac1fbd346

http://qiita.com/iguchi1124/items/e8aca47b111bb52f94a5

@importがエラーになる理由がわからない状況です。

ファイル構成の置き方的に問題なさそうなのですが・・・