2016-06-28 56 views
0

如何將Bootstrap 3 gridnavbar導入我的.sass文件?SASS - Bootstrap 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

我只有運氣導入它的青菜文件的整個套件,然後註釋掉組件我知道我m不會在_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才能獲得內聯mixin。

@import bootstrap/_forms;