2016-06-28 6 views
0

ブートストラップ3 gridnavbarをどのように私の.sassファイルにインポートできますか?SASS - ブートストラップ3 GRIDとNavbarのみ - どのように?

は、私が試した:

@import bootstrap/variables 
@import bootstrap/mixins 
//@import bootstrap/mixins/grid-framework 
//@import bootstrap/mixins/grid 
@import bootstrap/normalize 
@import bootstrap/scaffolding 
@import bootstrap/print 
@import bootstrap/type 
@import bootstrap/grid 
@import bootstrap/responsive-utilities 
@import bootstrap/navbar 

しかし、私はエラーを取得する:

Error: No mixin named form-inline 

私のプロジェクトへのブートストラップ3(ブートストラップ-SASS)グリッドとnavbarをインポートする正しい方法は何ですか?

私はmixins.scssファイルをインポートする必要が理由です、手動ですべてのミックスインを見つけることができません。..

答えて

1

私はそれをSASSファイルのスイート全体をインポート運を持っていた、そして私は私が「知っているコンポーネントをコメントアウトしています_bootstrap.scssで使用していません。あなたは、あなたがエラーを防ぐのを好む以上のもので終わるかもしれません。

ブートストラップSASSのgithubのから:

By default all of Bootstrap is imported.

You can also import components explicitly. To start with a full list of modules copy _bootstrap.scss file into your assets as _bootstrap-custom.scss. Then comment out components you do not want from _bootstrap-custom. In the application Sass file, replace @import 'bootstrap' with:

@import 'bootstrap-custom';

+0

_bootstrapのインポート、しかし、それは私のために、総頭痛(など「XXXXXという名前のミックスインは」).. であるか、何がベストプラクティスです? _bootstrap.scssをインポートしてコンポーネントをコメントアウトしますが、私は何を使用しませんか? 実際は同じです。 – Chalic

+0

スイート全体から始めて、使用していないことを知っているコンポーネントをコメントアウトするのが最も安全です。私は通常、いくつかコメントアウトしてテストし、エラーが表示されるまでコメントをいくつかコメントアウトします。理想的ではありません:)しかし、私はブートストラップ4がSASSに完全に切り替わっていると考えています。将来的には改善されるかもしれません。 – Katie

0

正解は全体のライブラリを追加されていません。フォームインラインミックスインを取得するには、_forms.cssを含める必要があります。私は、私が実際に使用するどのようなコンポーネントのみをインポートしようとしたとき

@import bootstrap/_forms; 
関連する問題